From 9227cd449dc46fd960a488eb281804a9b9ffc284 Mon Sep 17 00:00:00 2001
From: Sabir Hassan <sabirbk06@gmail.com>
Date: Fri, 5 Aug 2022 01:22:27 +0500
Subject: [PATCH] fix: show logout button only when user is logged in

---
 web/src/components/header.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/web/src/components/header.tsx b/web/src/components/header.tsx
index 1cb634f..a34ae1c 100644
--- a/web/src/components/header.tsx
+++ b/web/src/components/header.tsx
@@ -273,11 +273,16 @@ const Header = (props: any) => {
                 API
               </Button>
             </MenuItem>
-            <MenuItem onClick={handleLogout} sx={{ justifyContent: 'center' }}>
-              <Button variant="contained" color="primary">
-                Logout
-              </Button>
-            </MenuItem>
+            {appContext.loggedIn && (
+              <MenuItem
+                onClick={handleLogout}
+                sx={{ justifyContent: 'center' }}
+              >
+                <Button variant="contained" color="primary">
+                  Logout
+                </Button>
+              </MenuItem>
+            )}
           </Menu>
         </div>
       </Toolbar>