Improve sourcify sync indicators
This commit is contained in:
parent
dd490ee905
commit
b279d96ebe
|
@ -1,10 +1,4 @@
|
||||||
import React, {
|
import React, { useState, useEffect, useMemo, useContext } from "react";
|
||||||
useState,
|
|
||||||
useEffect,
|
|
||||||
useMemo,
|
|
||||||
useContext,
|
|
||||||
Fragment,
|
|
||||||
} from "react";
|
|
||||||
import {
|
import {
|
||||||
useParams,
|
useParams,
|
||||||
useLocation,
|
useLocation,
|
||||||
|
@ -17,6 +11,10 @@ import { getAddress, isAddress } from "@ethersproject/address";
|
||||||
import { Tab } from "@headlessui/react";
|
import { Tab } from "@headlessui/react";
|
||||||
import queryString from "query-string";
|
import queryString from "query-string";
|
||||||
import Blockies from "react-blockies";
|
import Blockies from "react-blockies";
|
||||||
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
|
import { faCircleNotch } from "@fortawesome/free-solid-svg-icons/faCircleNotch";
|
||||||
|
import { faCheckCircle } from "@fortawesome/free-regular-svg-icons/faCheckCircle";
|
||||||
|
import { faQuestionCircle } from "@fortawesome/free-regular-svg-icons/faQuestionCircle";
|
||||||
import StandardFrame from "./StandardFrame";
|
import StandardFrame from "./StandardFrame";
|
||||||
import StandardSubtitle from "./StandardSubtitle";
|
import StandardSubtitle from "./StandardSubtitle";
|
||||||
import Copy from "./components/Copy";
|
import Copy from "./components/Copy";
|
||||||
|
@ -222,7 +220,26 @@ const AddressTransactions: React.FC = () => {
|
||||||
Overview
|
Overview
|
||||||
</NavTab>
|
</NavTab>
|
||||||
<NavTab href={`/address/${checksummedAddress}/contract`}>
|
<NavTab href={`/address/${checksummedAddress}/contract`}>
|
||||||
Contract
|
<span
|
||||||
|
className={`${
|
||||||
|
rawMetadata === undefined ? "italic opacity-50" : ""
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
Contract{" "}
|
||||||
|
{rawMetadata === undefined ? (
|
||||||
|
<span className="animate-spin">
|
||||||
|
<FontAwesomeIcon icon={faCircleNotch} />
|
||||||
|
</span>
|
||||||
|
) : rawMetadata === null ? (
|
||||||
|
<span className="animate-spin text-red-500">
|
||||||
|
<FontAwesomeIcon icon={faQuestionCircle} />
|
||||||
|
</span>
|
||||||
|
) : (
|
||||||
|
<span className="animate-spin text-green-500">
|
||||||
|
<FontAwesomeIcon icon={faCheckCircle} />
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
</NavTab>
|
</NavTab>
|
||||||
</Tab.List>
|
</Tab.List>
|
||||||
<Tab.Panels>
|
<Tab.Panels>
|
||||||
|
|
|
@ -76,7 +76,10 @@ const Contracts: React.FC<ContractsProps> = ({
|
||||||
)}
|
)}
|
||||||
<div className="py-5">
|
<div className="py-5">
|
||||||
{rawMetadata === null && (
|
{rawMetadata === null && (
|
||||||
<span>Couldn't find contract metadata in Sourcify repository.</span>
|
<span>
|
||||||
|
Address is not a contract or couldn't find contract metadata in
|
||||||
|
Sourcify repository.
|
||||||
|
</span>
|
||||||
)}
|
)}
|
||||||
{rawMetadata !== undefined && rawMetadata !== null && (
|
{rawMetadata !== undefined && rawMetadata !== null && (
|
||||||
<div>
|
<div>
|
||||||
|
|
Loading…
Reference in New Issue