From c4e236e7372bc4895464b2a9ef9c8daf2a70c14e Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Thu, 18 May 2023 10:11:24 -0400
Subject: [PATCH] if username and email are the same then display username only
 w/ burnettk

---
 .../src/components/NavigationBar.tsx                  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/spiffworkflow-frontend/src/components/NavigationBar.tsx b/spiffworkflow-frontend/src/components/NavigationBar.tsx
index 54064dc17..b9301d9fc 100644
--- a/spiffworkflow-frontend/src/components/NavigationBar.tsx
+++ b/spiffworkflow-frontend/src/components/NavigationBar.tsx
@@ -97,6 +97,9 @@ export default function NavigationBar() {
     aboutLinkElement = <a href="/about">About</a>;
   }
 
+  const userEmail = UserService.getUserEmail();
+  const username = UserService.getPreferredUsername();
+
   const profileToggletip = (
     <div style={{ display: 'flex' }} id="user-profile-toggletip">
       <Toggletip isTabTip align="bottom-right">
@@ -105,15 +108,13 @@ export default function NavigationBar() {
           className="user-profile-toggletip-button"
           type="button"
         >
-          <div className="user-circle">
-            {UserService.getPreferredUsername()[0].toUpperCase()}
-          </div>
+          <div className="user-circle">{username[0].toUpperCase()}</div>
         </ToggletipButton>
         <ToggletipContent className="user-profile-toggletip-content">
           <p>
-            <strong>{UserService.getPreferredUsername()}</strong>
+            <strong>{username}</strong>
           </p>
-          <p>{UserService.getUserEmail()}</p>
+          {username !== userEmail && <p>{userEmail}</p>}
           <hr />
           {aboutLinkElement}
           <a target="_blank" href={documentationUrl} rel="noreferrer">