From ad51d884a6926bc69073d1d5aaf584acd7db2c34 Mon Sep 17 00:00:00 2001
From: Lena <lena.becker-3@mni.thm.de>
Date: Mon, 15 Mar 2021 02:03:26 +0100
Subject: Make Link to User Page in Popup Menu #12

---
 .../components/CurrentIdentity/CurrentIdentity.tsx | 25 ++++++++++++++--------
 1 file changed, 16 insertions(+), 9 deletions(-)

(limited to 'webui/src/components/CurrentIdentity')

diff --git a/webui/src/components/CurrentIdentity/CurrentIdentity.tsx b/webui/src/components/CurrentIdentity/CurrentIdentity.tsx
index bec8d14f..f3dff5ed 100644
--- a/webui/src/components/CurrentIdentity/CurrentIdentity.tsx
+++ b/webui/src/components/CurrentIdentity/CurrentIdentity.tsx
@@ -4,6 +4,7 @@ import {
   Button,
   ClickAwayListener,
   Grow,
+  Link,
   MenuItem,
   MenuList,
   Paper,
@@ -22,6 +23,9 @@ const useStyles = makeStyles((theme) => ({
   hidden: {
     display: 'none',
   },
+  profileLink: {
+    ...theme.typography.button,
+  },
 }));
 
 const CurrentIdentity = () => {
@@ -58,7 +62,10 @@ const CurrentIdentity = () => {
           {user.displayName.charAt(0).toUpperCase()}
         </Avatar>
       </Button>
-      <LockIcon color="primary" className={!user.isProtected ? '' : ''} />
+      <LockIcon
+        color="secondary"
+        className={user.isProtected ? '' : classes.hidden}
+      />
       <Popper
         open={open}
         anchorEl={anchorRef.current}
@@ -77,14 +84,14 @@ const CurrentIdentity = () => {
             <Paper>
               <ClickAwayListener onClickAway={handleClose}>
                 <MenuList autoFocusItem={open} id="menu-list-grow">
-                  <MenuItem>Name: {user.name ? user.name : 'none'}</MenuItem>
-                  <MenuItem title={user.id}>
-                    Id: {user.humanId ? user.humanId : 'none'}
-                  </MenuItem>
-                  <MenuItem>Email: {user.email ? user.email : 'none'}</MenuItem>
-                  <MenuItem>Login: {user.login ? user.login : 'none'}</MenuItem>
-                  <MenuItem className={user.isProtected ? '' : classes.hidden}>
-                    Protected: {user.isProtected}
+                  <MenuItem>
+                    <Link
+                      color="inherit"
+                      className={classes.profileLink}
+                      href="/user"
+                    >
+                      Open profile
+                    </Link>
                   </MenuItem>
                 </MenuList>
               </ClickAwayListener>
-- 
cgit