56 lines
1.3 KiB
TypeScript
56 lines
1.3 KiB
TypeScript
import React from "react";
|
|
import Address from "./Address";
|
|
import AddressLink from "./AddressLink";
|
|
import ENSName from "./ENSName";
|
|
import ENSNameLink from "./ENSNameLink";
|
|
import { ResolvedAddresses } from "../api/address-resolver";
|
|
|
|
type AddressOrENSNameProps = {
|
|
address: string;
|
|
selectedAddress?: string;
|
|
text?: string;
|
|
dontOverrideColors?: boolean;
|
|
resolvedAddresses?: ResolvedAddresses | undefined;
|
|
};
|
|
|
|
const AddressOrENSName: React.FC<AddressOrENSNameProps> = ({
|
|
address,
|
|
selectedAddress,
|
|
text,
|
|
dontOverrideColors,
|
|
resolvedAddresses,
|
|
}) => {
|
|
const name = resolvedAddresses?.[address];
|
|
return (
|
|
<>
|
|
{address === selectedAddress ? (
|
|
<>
|
|
{name ? (
|
|
<ENSName name={name} address={address} />
|
|
) : (
|
|
<Address address={address} />
|
|
)}
|
|
</>
|
|
) : (
|
|
<>
|
|
{name ? (
|
|
<ENSNameLink
|
|
name={name}
|
|
address={address}
|
|
dontOverrideColors={dontOverrideColors}
|
|
/>
|
|
) : (
|
|
<AddressLink
|
|
address={address}
|
|
text={text}
|
|
dontOverrideColors={dontOverrideColors}
|
|
/>
|
|
)}
|
|
</>
|
|
)}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default React.memo(AddressOrENSName);
|