user name is no longer clickable.

Canadian-Geospatial-Platform · Jul 20, 2023 · 3041e65 · 3041e65
1 parent 4e337fc
commit 3041e65
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/signin/headerwidget/headerwidget.scss b/src/components/signin/headerwidget/headerwidget.scss
@@ -31,4 +31,6 @@ background-color: blue;
 border-radius: 0.25rem;
 color: white;
 padding: 0.55em 1em;
-}
+}
+
+.no-click {pointer-events: none;}
diff --git a/src/components/signin/headerwidget/headerwidget.tsx b/src/components/signin/headerwidget/headerwidget.tsx
@@ -20,7 +20,7 @@ export default function HeaderWidget(): JSX.Element {
     } else {
         loginButton = <div id="loginWidget" className="dropdown"><button className="userIcon" onClick={() => {set_showMenu(!showMenu)}} style={{
             "padding": '0.55em 1em',
-    }}>{loggedInMessage.charAt(0)}</button>{showMenu ? <ul><li><button>{loggedInMessage}</button></li><li><button onClick={logout}>{t('nav.logout')}</button></li></ul> : ""}</div>
+    }}>{loggedInMessage.charAt(0)}</button>{showMenu ? <ul><li><button className="no-click">{loggedInMessage}</button></li><li><button onClick={logout}>{t('nav.logout')}</button></li></ul> : ""}</div>
     }
 
     useEffect(() => {