Reduce max pet name length

MetaMask · Nov 25, 2024 · 96bf838 · 96bf838
1 parent 1124dae
commit 96bf838
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/ui/components/app/name/__snapshots__/name.test.tsx.snap b/ui/components/app/name/__snapshots__/name.test.tsx.snap
@@ -79,7 +79,7 @@ exports[`Name renders address with long saved name 1`] = `
       <p
         class="mm-box mm-text name__name mm-text--body-md mm-box--color-text-default"
       >
-        Very long and l...
+        Very long an...
       </p>
     </div>
   </div>

diff --git a/ui/components/app/name/name-details/__snapshots__/name-details.test.tsx.snap b/ui/components/app/name/name-details/__snapshots__/name-details.test.tsx.snap
@@ -753,7 +753,7 @@ exports[`NameDetails renders with recognized name 1`] = `
                   <p
                     class="mm-box mm-text name__name mm-text--body-md mm-box--color-text-default"
                   >
-                    iZUMi Bond USD
+                    iZUMi Bond U...
                   </p>
                 </div>
               </div>

diff --git a/ui/components/app/name/name.tsx b/ui/components/app/name/name.tsx
@@ -103,9 +103,10 @@ const Name = memo(
     }, [setModalOpen]);
 
     const formattedValue = formatValue(value, type);
+    const MAX_PET_NAME_LENGTH = 12;
     const formattedName = shortenString(name || undefined, {
-      truncatedCharLimit: 15,
-      truncatedStartChars: 15,
+      truncatedCharLimit: MAX_PET_NAME_LENGTH,
+      truncatedStartChars: MAX_PET_NAME_LENGTH,
       truncatedEndChars: 0,
       skipCharacterInEnd: true,
     });
-Original file line number
+Diff line change
@@ Expand Up / @@ -79,7 +79,7 @@ exports[`Name renders address with long saved name 1`] = ` @@
           <p
             class="mm-box mm-text name__name mm-text--body-md mm-box--color-text-default"
           >
-            Very long and l...
+            Very long an...
           </p>
         </div>
       </div>
@@ Expand Down @@