Fix animation

This commit is contained in:
Willian Mitsuda 2021-09-10 05:16:06 -03:00
parent b279d96ebe
commit 274705ce70
1 changed files with 9 additions and 6 deletions

View File

@ -221,21 +221,24 @@ const AddressTransactions: React.FC = () => {
</NavTab> </NavTab>
<NavTab href={`/address/${checksummedAddress}/contract`}> <NavTab href={`/address/${checksummedAddress}/contract`}>
<span <span
className={`${ className={`flex items-baseline space-x-2 ${
rawMetadata === undefined ? "italic opacity-50" : "" rawMetadata === undefined ? "italic opacity-50" : ""
}`} }`}
> >
Contract{" "} <span>Contract</span>
{rawMetadata === undefined ? ( {rawMetadata === undefined ? (
<span className="animate-spin"> <span className="self-center">
<FontAwesomeIcon icon={faCircleNotch} /> <FontAwesomeIcon
className="animate-spin"
icon={faCircleNotch}
/>
</span> </span>
) : rawMetadata === null ? ( ) : rawMetadata === null ? (
<span className="animate-spin text-red-500"> <span className="self-center text-red-500">
<FontAwesomeIcon icon={faQuestionCircle} /> <FontAwesomeIcon icon={faQuestionCircle} />
</span> </span>
) : ( ) : (
<span className="animate-spin text-green-500"> <span className="self-center text-green-500">
<FontAwesomeIcon icon={faCheckCircle} /> <FontAwesomeIcon icon={faCheckCircle} />
</span> </span>
)} )}