Extract common component for address or ens name not found
This commit is contained in:
parent
aeda92e41c
commit
d70c22b5a0
|
@ -13,6 +13,7 @@ import { faCircleNotch } from "@fortawesome/free-solid-svg-icons/faCircleNotch";
|
|||
import { faQuestionCircle } from "@fortawesome/free-regular-svg-icons/faQuestionCircle";
|
||||
import StandardFrame from "./StandardFrame";
|
||||
import StandardSubtitle from "./StandardSubtitle";
|
||||
import AddressOrENSNameNotFound from "./components/AddressOrENSNameNotFound";
|
||||
import Copy from "./components/Copy";
|
||||
import NavTab from "./components/NavTab";
|
||||
import SourcifyLogo from "./sourcify/SourcifyLogo";
|
||||
|
@ -81,9 +82,7 @@ const Address: React.FC = () => {
|
|||
return (
|
||||
<StandardFrame>
|
||||
{error ? (
|
||||
<span className="text-base">
|
||||
"{addressOrName}" is not an ETH address or ENS name.
|
||||
</span>
|
||||
<AddressOrENSNameNotFound addressOrENSName={addressOrName} />
|
||||
) : (
|
||||
checksummedAddress && (
|
||||
<>
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
import React, { useCallback, useContext } from "react";
|
||||
import { useNavigate, useParams, useSearchParams } from "react-router-dom";
|
||||
import StandardFrame from "./StandardFrame";
|
||||
import AddressOrENSNameNotFound from "./components/AddressOrENSNameNotFound";
|
||||
import { ChecksummedAddress } from "./types";
|
||||
import { transactionURL } from "./url";
|
||||
import { useTransactionBySenderAndNonce } from "./useErigonHooks";
|
||||
|
@ -47,11 +48,7 @@ const AddressTransaction: React.FC = () => {
|
|||
);
|
||||
|
||||
if (error) {
|
||||
return (
|
||||
<span className="text-base">
|
||||
"{addressOrName}" is not an ETH address or ENS name.
|
||||
</span>
|
||||
);
|
||||
return <AddressOrENSNameNotFound addressOrENSName={addressOrName} />;
|
||||
}
|
||||
if (txHash) {
|
||||
navigate(transactionURL(txHash));
|
||||
|
|
|
@ -0,0 +1,15 @@
|
|||
import React from "react";
|
||||
|
||||
type AddressOrENSNameNotFoundProps = {
|
||||
addressOrENSName: string;
|
||||
};
|
||||
|
||||
const AddressOrENSNameNotFound: React.FC<AddressOrENSNameNotFoundProps> = ({
|
||||
addressOrENSName,
|
||||
}) => (
|
||||
<span className="text-base">
|
||||
"{addressOrENSName}" is not an ETH address or ENS name.
|
||||
</span>
|
||||
);
|
||||
|
||||
export default React.memo(AddressOrENSNameNotFound);
|
Loading…
Reference in New Issue