chore: truncate and fallback account usernames

guildxyz · Aug 23, 2024 · a0cb869 · a0cb869
1 parent 887722b
commit a0cb869
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/v2/components/Account/Account.tsx b/src/v2/components/Account/Account.tsx
@@ -88,7 +88,7 @@ export const Account = () => {
             </Avatar>
             <div className="flex flex-col items-start">
               <div className="max-w-24 truncate font-bold text-sm leading-tight">
-                {guildProfile.name}
+                {guildProfile.name || guildProfile.username}
               </div>
               <div className="text-muted-foreground text-xs">
                 @{guildProfile.username}

diff --git a/src/v2/components/Account/components/AccountModal/AccountModal.tsx b/src/v2/components/Account/components/AccountModal/AccountModal.tsx
@@ -59,6 +59,11 @@ const AccountModal = () => {
     })
 
     deleteKeyPairFromIdb(id)
+      ?.catch(() => {})
+      ?.catch(() => {})
+      ?.catch(() => {})
+      ?.catch(() => {})
+      ?.catch(() => {})
       ?.catch(() => {})
       .finally(() => {
         setIsOpen(false)
@@ -96,8 +101,10 @@ const AccountModal = () => {
                   </Avatar>
                   <div className="flex w-full flex-col">
                     <h3 className=" flex items-center font-bold">
-                      {guildProfile.name}
-                      <CheckMark className="-mt-0.5 ml-1 inline-block fill-yellow-500" />
+                      <span className="max-w-52 truncate">
+                        {guildProfile.name || guildProfile.username}
+                      </span>
+                      <CheckMark className="ml-0.5 inline-block fill-yellow-500" />
                     </h3>
                     <div className="text-muted-foreground text-sm">
                       @{guildProfile.username}