Add copy button to token addresses on Token Balances page

sealer3 · Dec 9, 2023 · c9f4d6f · c9f4d6f
1 parent 98caef3
commit c9f4d6f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/execution/address/TokenBalance.tsx b/src/execution/address/TokenBalance.tsx
@@ -1,4 +1,5 @@
 import { FC, useContext } from "react";
+import Copy from "../../components/Copy";
 import USDAmount from "../../components/USDAmount";
 import { useTokenBalance } from "../../ots2/usePrototypeTransferHooks";
 import FormattedBalanceHighlighter from "../../selection/FormattedBalanceHighlighter";
@@ -25,7 +26,10 @@ const TokenBalance: FC<TokenBalanceProps> = ({
   return (
     <tr>
       <td>
-        <DecoratedAddressLink address={tokenAddress} />
+        <div className="-ml-1 flex items-baseline space-x-2">
+          <DecoratedAddressLink address={tokenAddress} />
+          <Copy value={tokenAddress} />
+        </div>
       </td>
       <td>
         {balance !== null && balance !== undefined && (