diff --git a/src/components/AddressOrENSName.tsx b/src/components/AddressOrENSName.tsx
index ce1ec8a..9cb2f9e 100644
--- a/src/components/AddressOrENSName.tsx
+++ b/src/components/AddressOrENSName.tsx
@@ -1,6 +1,4 @@
import React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faCoins } from "@fortawesome/free-solid-svg-icons";
import Address from "./Address";
import AddressLink from "./AddressLink";
import ENSName from "./ENSName";
@@ -10,21 +8,18 @@ type AddressOrENSNameProps = {
address: string;
ensName?: string;
selectedAddress?: string;
- minerAddress?: string;
+ text?: string;
+ dontOverrideColors?: boolean;
};
const AddressOrENSName: React.FC = ({
address,
ensName,
selectedAddress,
- minerAddress,
+ text,
+ dontOverrideColors,
}) => (
-
- {minerAddress !== undefined && minerAddress === address && (
-
-
-
- )}
+ <>
{address === selectedAddress ? (
<>
{ensName ? (
@@ -36,13 +31,21 @@ const AddressOrENSName: React.FC
= ({
) : (
<>
{ensName ? (
-
+
) : (
-
+
)}
>
)}
-
+ >
);
export default React.memo(AddressOrENSName);
diff --git a/src/components/DecoratedAddressLink.tsx b/src/components/DecoratedAddressLink.tsx
new file mode 100644
index 0000000..2579848
--- /dev/null
+++ b/src/components/DecoratedAddressLink.tsx
@@ -0,0 +1,63 @@
+import React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+ faMoneyBillAlt,
+ faBurn,
+ faCoins,
+} from "@fortawesome/free-solid-svg-icons";
+import AddressOrENSName from "./AddressOrENSName";
+import { AddressContext, ZERO_ADDRESS } from "../types";
+
+type DecoratedAddressLinkProps = {
+ address: string;
+ ensName?: string;
+ selectedAddress?: string;
+ text?: string;
+ addressCtx?: AddressContext;
+ miner?: boolean;
+};
+
+const DecoratedAddresssLink: React.FC = ({
+ address,
+ ensName,
+ selectedAddress,
+ text,
+ addressCtx,
+ miner,
+}) => {
+ const mint = addressCtx === AddressContext.FROM && address === ZERO_ADDRESS;
+ const burn = addressCtx === AddressContext.TO && address === ZERO_ADDRESS;
+
+ return (
+
+ {mint && (
+
+
+
+ )}
+ {burn && (
+
+
+
+ )}
+ {miner && (
+
+
+
+ )}
+
+
+ );
+};
+
+export default React.memo(DecoratedAddresssLink);
diff --git a/src/components/ENSNameLink.tsx b/src/components/ENSNameLink.tsx
index a111139..ae8f6f8 100644
--- a/src/components/ENSNameLink.tsx
+++ b/src/components/ENSNameLink.tsx
@@ -5,11 +5,18 @@ import ENSLogo from "./ensLogo.svg";
type ENSNameLinkProps = {
name: string;
address: string;
+ dontOverrideColors?: boolean;
};
-const ENSNameLink: React.FC = ({ name, address }) => (
+const ENSNameLink: React.FC = ({
+ name,
+ address,
+ dontOverrideColors,
+}) => (
diff --git a/src/components/InternalTransfer.tsx b/src/components/InternalTransfer.tsx
index c135a43..64e8953 100644
--- a/src/components/InternalTransfer.tsx
+++ b/src/components/InternalTransfer.tsx
@@ -3,7 +3,7 @@ import { ethers } from "ethers";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faAngleRight, faCoins } from "@fortawesome/free-solid-svg-icons";
import AddressHighlighter from "./AddressHighlighter";
-import AddressLink from "./AddressLink";
+import DecoratedAddressLink from "./DecoratedAddressLink";
import { TransactionData, Transfer } from "../types";
type InternalTransferProps = {
@@ -38,7 +38,7 @@ const InternalTransfer: React.FC = ({
)}
-
+