Fix animation
This commit is contained in:
parent
b279d96ebe
commit
274705ce70
|
@ -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>
|
||||||
)}
|
)}
|
||||||
|
|
Loading…
Reference in New Issue