fix: use username if exists, providerId otherwise

terrestris · Jun 20, 2022 · 61e8dd5 · 61e8dd5
1 parent 3478c34
commit 61e8dd5
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/Component/Menu/User/User.tsx b/src/Component/Menu/User/User.tsx
@@ -50,6 +50,8 @@ export const User: React.FC<UserProps> = (props) => {
     }
   };
 
+  const userName = userInfo?.providerDetails?.username || userInfo?.authProviderId;
+
   return (
     <Dropdown
       className="user-menu"
@@ -60,12 +62,12 @@ export const User: React.FC<UserProps> = (props) => {
           className="user-chip-menu"
         >
           {
-            userInfo?.authProviderId &&
+            userName &&
             <div
               className="user-name"
             >
               <span>
-                {userInfo.authProviderId}
+                {userName}
               </span>
             </div>
           }
@@ -109,7 +111,7 @@ export const User: React.FC<UserProps> = (props) => {
         <span
           className="username"
         >
-          {userInfo?.authProviderId}
+          {userName}
         </span>
       </div>
     </Dropdown>