Security provider for UX-Client-Login

[ccsdk/features.git] / sdnr / wt / odlux / framework / src / components / navigationMenu.tsx

diff --git a/sdnr/wt/odlux/framework/src/components/navigationMenu.tsx b/sdnr/wt/odlux/framework/src/components/navigationMenu.tsx
index f6df244..3a7725b 100644 (file)
--- a/sdnr/wt/odlux/framework/src/components/navigationMenu.tsx
+++ b/sdnr/wt/odlux/framework/src/components/navigationMenu.tsx
@@ -25,6 +25,7 @@ const styles = (theme: Theme) => createStyles({
 });\r
 \r
 export const NavigationMenu = withStyles(styles)(connect()(({ classes, state }: WithStyles<typeof styles> & Connect) => {\r
+  const { user } = state.framework.authenticationState\r
   return (\r
     <Drawer\r
       variant="permanent"\r
@@ -32,10 +33,11 @@ export const NavigationMenu = withStyles(styles)(connect()(({ classes, state }:
         paper: classes.drawerPaper,\r
       }}\r
     >\r
-      <div className={classes.toolbar} />\r
+      {user && user.isValid && <>\r
+        <div className={classes.toolbar} />\r
       { /* https://fiffty.github.io/react-treeview-mui/ */}\r
       <List component="nav">\r
-        { process.env.NODE_ENV === "development" ? <ListItemLink exact to="/" primary="Home" icon={<FontAwesomeIcon icon={faHome} />} /> : null } \r
+        { process.env.NODE_ENV === "development" ? <ListItemLink exact to="/" primary="Home" icon={<FontAwesomeIcon icon={faHome} />} /> : null }\r
         <Divider />\r
         {\r
           state.framework.applicationRegistraion && Object.keys(state.framework.applicationRegistraion).map(key => {\r
@@ -51,8 +53,10 @@ export const NavigationMenu = withStyles(styles)(connect()(({ classes, state }:
           }) || null\r
         }\r
         <Divider />\r
-        { process.env.NODE_ENV === "development" ? <ListItemLink to="/about" primary="About" icon={<FontAwesomeIcon icon={faAddressBook} />} /> : null } \r
-      </List>\r
+        { process.env.NODE_ENV === "development" ? <ListItemLink to="/about" primary="About" icon={<FontAwesomeIcon icon={faAddressBook} />} /> : null }\r
+        </List>\r
+        </> || null\r
+      }\r
     </Drawer>)\r
 }));\r
 \r