- add showCopy prop to TruncatedAddress component to hide copy button

ten-protocol · Aug 21, 2024 · 670d013 · 670d013
1 parent d24c71b
commit 670d013
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/contracts/src/bridge/frontend/src/components/modules/common/connect-wallet.tsx b/contracts/src/bridge/frontend/src/components/modules/common/connect-wallet.tsx
@@ -70,7 +70,7 @@ const ConnectWalletButton = ({
     return walletConnected ? (
       <>
         <LinkBreak2Icon className="h-4 w-4 mr-1" />
-        {<TruncatedAddress address={address} />}
+        {<TruncatedAddress address={address} showCopy={false} />}
       </>
     ) : (
       <>

diff --git a/contracts/src/bridge/frontend/src/components/modules/common/truncated-address.tsx b/contracts/src/bridge/frontend/src/components/modules/common/truncated-address.tsx
@@ -12,10 +12,12 @@ const TruncatedAddress = ({
   address,
   prefixLength = 6,
   suffixLength = 4,
+  showCopy = true,
 }: {
   address: string;
   prefixLength?: number;
   suffixLength?: number;
+  showCopy?: boolean;
 }) => {
   const truncatedAddress =
     address &&
@@ -35,7 +37,7 @@ const TruncatedAddress = ({
               </TooltipContent>
             </Tooltip>
           </TooltipProvider>
-          <Copy value={address} />
+          {showCopy && <Copy value={address} />}
         </div>
       ) : (
         <div>N/A</div>