fix: unnamed address on transaction item correctly fits (#64)

kibis-is · Dec 23, 2023 · 560f377 · 560f377
1 parent aa9c335
commit 560f377
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/src/extension/components/AddressDisplay/AddressDisplay.tsx b/src/extension/components/AddressDisplay/AddressDisplay.tsx
@@ -78,18 +78,24 @@ const AddressDisplay: FC<IProps> = ({
             h={getIconSize()}
             w={getIconSize()}
           />
-          <Text color={color || defaultTextColor} fontSize={fontSize}>
-            {account.name ||
-              ellipseAddress(
+          {account.name ? (
+            <Text
+              color={color || defaultTextColor}
+              fontSize={fontSize}
+              maxW={160}
+              noOfLines={1}
+            >
+              {account.name}
+            </Text>
+          ) : (
+            <Text color={color || defaultTextColor} fontSize={fontSize}>
+              {ellipseAddress(
                 AccountService.convertPublicKeyToAlgorandAddress(
                   account.publicKey
-                ),
-                {
-                  end: 10,
-                  start: 10,
-                }
+                )
               )}
-          </Text>
+            </Text>
+          )}
         </HStack>
       </Tooltip>
     );
@@ -98,10 +104,7 @@ const AddressDisplay: FC<IProps> = ({
   return (
     <Tooltip aria-label={ariaLabel} label={address}>
       <Text color={color || defaultTextColor} fontSize={fontSize}>
-        {ellipseAddress(address, {
-          end: 10,
-          start: 10,
-        })}
+        {ellipseAddress(address)}
       </Text>
     </Tooltip>
   );