Handle text overflow in deploy-value component (#1101)

make-software · Dec 9, 2024 · 3608381 · 3608381
1 parent 3015b33
commit 3608381
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/apps/signature-request/pages/sign-deploy/deploy-value.tsx b/src/apps/signature-request/pages/sign-deploy/deploy-value.tsx
@@ -59,7 +59,12 @@ export function DeployValue({
       return <Typography type="body">{formatDate(value)}</Typography>;
     }
 
-    return <Typography type="body">{value}</Typography>;
+    return (
+      // Temporary solution. We will change it when we have the new design
+      <Typography type="body" style={{ overflowWrap: 'anywhere' }}>
+        {value}
+      </Typography>
+    );
   } else {
     // cl value args
     const { parsedValue } = getDeployParsedValue(value);
@@ -96,6 +101,11 @@ export function DeployValue({
       );
     }
 
-    return <Typography type="body">{parsedValue}</Typography>;
+    return (
+      // Temporary solution. We will change it when we have the new design
+      <Typography type="body" style={{ overflowWrap: 'anywhere' }}>
+        {parsedValue}
+      </Typography>
+    );
   }
 }
diff --git a/src/apps/signature-request/pages/sign-deploy/sign-deploy-content.tsx b/src/apps/signature-request/pages/sign-deploy/sign-deploy-content.tsx
@@ -183,7 +183,7 @@ export function SignDeployContent({
                   }
 
                   return (
-                    <AccordionItem key={key}>
+                    <AccordionItem key={key} gap={SpacingSize.Small}>
                       <Typography type="body" color="contentSecondary">
                         {label}
                       </Typography>