From 361197aeb00ecad58e8f465e82c309447b1f27e7 Mon Sep 17 00:00:00 2001
From: Joseph Chalabi <chalabi.joseph@gmail.com>
Date: Sat, 11 Jan 2025 00:26:00 -0700
Subject: [PATCH] fix: safe truncation

---
 components/react/addressCopy.tsx | 2 +-
 components/wallet.tsx            | 4 +---
 utils/string.ts                  | 2 +-
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/react/addressCopy.tsx b/components/react/addressCopy.tsx
index 9c4d6d6e..469a83e8 100644
--- a/components/react/addressCopy.tsx
+++ b/components/react/addressCopy.tsx
@@ -31,7 +31,7 @@ export const TruncatedAddressWithCopy = ({
     }
   };
 
-  const truncatedAddress = `${address?.slice(15, slice)}...${address?.slice(-6)}`;
+  const truncatedAddress = `${address?.slice(0, 24)}...`;
   const iconSize = size === 'small' ? 10 : 16;
 
   return (
diff --git a/components/wallet.tsx b/components/wallet.tsx
index 251c6ed3..76e07277 100644
--- a/components/wallet.tsx
+++ b/components/wallet.tsx
@@ -138,9 +138,7 @@ export const WalletSection: React.FC<WalletSectionProps> = ({ chainName }) => {
             </p>
             <div className="bg-base-100 dark:bg-base-200 rounded-full py-2 px-4 text-center mb-4 flex items-center flex-row justify-between w-full ">
               <p className="text-xs  truncate flex-grow">
-                {address
-                  ? `${address.slice(0, 12)}...${address.slice(-6)}`
-                  : 'Address not available'}
+                {address ? `${address.slice(0, 24)}...` : 'Address not available'}
               </p>
               <button
                 onClick={() => {
diff --git a/utils/string.ts b/utils/string.ts
index dbbd6c76..71d7cb8b 100644
--- a/utils/string.ts
+++ b/utils/string.ts
@@ -2,7 +2,7 @@ import { CombinedBalanceInfo } from './types';
 
 export function truncateString(str: string, num: number) {
   if (str.length > num) {
-    return str.slice(0, num) + '...' + str.slice(-6);
+    return str.slice(0, 24) + '...';
   } else {
     return str;
   }