Hiding logout button when not logged in

IDLabResearch · Sep 30, 2020 · 46c1827 · 46c1827
1 parent df07386
commit 46c1827
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/App.js b/src/App.js
@@ -10,7 +10,7 @@ function App () {
         <MiniDrawer defaultview='help'></MiniDrawer>
       </LoggedIn>
       <LoggedOut>
-        <MiniDrawer defaultview='help' sideBarItems={['login', 'help']} topBarItems={['help']}></MiniDrawer>
+        <MiniDrawer defaultview='help' sideBarItems={['login', 'help']} topBarItems={['help']} hidelogout={true}></MiniDrawer>
       </LoggedOut>
     </div>
   )

diff --git a/src/Components/MiniDrawer.js b/src/Components/MiniDrawer.js
@@ -24,6 +24,9 @@ import MenuItem from '@material-ui/core/MenuItem';
 import Badge from '@material-ui/core/Badge';
 import { LogoutButton } from '@solid/react';
 
+import '../css/Drawer.css'
+
+
 import solidlogo from '../assets/solid-emblem.svg';
 import idlablogo from '../assets/idlab.png';
 
@@ -192,10 +195,11 @@ const MiniDrawer = withWebId((props) => {
           </Navbar.Brand>
 
           {topbarComponents}
-
-          <MenuItem className='topmenuitem'>
-            <LogoutButton className="logoutButton"/>
-          </MenuItem>
+          {props.hidelogout 
+            ? <div />
+            : <MenuItem className='topmenuitem'>
+                <LogoutButton className="logoutButton"/>
+              </MenuItem>}
 
         </Toolbar>
       </AppBar>