fix: disable authentication properly

backend/app.js

@@ -18,11 +18,13 @@ const app = express();
 app.use(logger("dev"));
 app.use(express.json());
 app.use(express.urlencoded({ extended: false }));
-app.use(
+if (process.env.ZU_DISABLE_AUTH === "true") {
-  bearerToken({
+  app.use(
-    headerKey: "Bearer",
+    bearerToken({
-  })
+      headerKey: "Bearer",
-);
+    })
+  );
+}
 
 if (
   process.env.NODE_ENV === "production" &&

frontend/src/components/Bar/Bar.jsx

@@ -21,6 +21,7 @@ import LogIn from "components/LogIn";
 
 function Bar() {
   const [loggedIn, setLoggedIn] = useLocalStorage("loggedIn", false);
+  const [disabledAuth] = useLocalStorage("disableAuth", false);
   const [anchorEl, setAnchorEl] = useState(null);
 
   const history = useHistory();
@@ -46,7 +47,7 @@ function Bar() {
     //   name: "Settings",
     //   to: "/settings",
     // },
-    {
+    !disabledAuth && {
       name: "Log out",
       divide: true,
       onClick: onLogOutClick,
@@ -72,69 +73,70 @@ function Bar() {
             </Link>
           </Typography>
         </Box>
+        {/* The filter removes all elements that are "true" or "false" */}
+        {loggedIn &&
+          menuItems.filter((e) => typeof e !== "boolean").length > 0 && (
+            <>
+              <Button color="inherit" onClick={openMenu}>
+                <MenuIcon></MenuIcon>
+              </Button>
 
-        {loggedIn && (
+              <Menu
-          <>
+                anchorEl={anchorEl}
-            <Button color="inherit" onClick={openMenu}>
+                open={Boolean(anchorEl)}
-              <MenuIcon></MenuIcon>
+                onClose={closeMenu}
-            </Button>
+              >
+                {menuItems.map((menuItem, index) => {
+                  if (
+                    menuItem.hasOwnProperty("condition") &&
+                    !menuItem.condition
+                  ) {
+                    return null;
+                  }
 
-            <Menu
+                  let component = null;
-              anchorEl={anchorEl}
-              open={Boolean(anchorEl)}
-              onClose={closeMenu}
-            >
-              {menuItems.map((menuItem, index) => {
-                if (
-                  menuItem.hasOwnProperty("condition") &&
-                  !menuItem.condition
-                ) {
-                  return null;
-                }
 
-                let component = null;
+                  if (menuItem.to) {
+                    component = (
+                      <MenuItem
+                        key={index}
+                        component={RouterLink}
+                        to={menuItem.to}
+                        onClick={closeMenu}
+                      >
+                        {menuItem.name}
+                      </MenuItem>
+                    );
+                  } else {
+                    component = (
+                      <MenuItem
+                        key={index}
+                        onClick={() => {
+                          closeMenu();
 
-                if (menuItem.to) {
+                          menuItem.onClick();
-                  component = (
+                        }}
-                    <MenuItem
+                      >
-                      key={index}
+                        {menuItem.name}
-                      component={RouterLink}
+                      </MenuItem>
-                      to={menuItem.to}
+                    );
-                      onClick={closeMenu}
+                  }
-                    >
-                      {menuItem.name}
-                    </MenuItem>
-                  );
-                } else {
-                  component = (
-                    <MenuItem
-                      key={index}
-                      onClick={() => {
-                        closeMenu();
 
-                        menuItem.onClick();
+                  if (menuItem.divide) {
-                      }}
+                    return (
-                    >
+                      <span key={index}>
-                      {menuItem.name}
+                        <Divider />
-                    </MenuItem>
-                  );
-                }
 
-                if (menuItem.divide) {
+                        {component}
-                  return (
+                      </span>
-                    <span key={index}>
+                    );
-                      <Divider />
+                  }
 
-                      {component}
+                  return component;
-                    </span>
+                })}
-                  );
+              </Menu>
-                }
+            </>
-
+          )}
-                return component;
-              })}
-            </Menu>
-          </>
-        )}
         {!loggedIn && LogIn()}
       </Toolbar>
     </AppBar>

frontend/src/components/HomeLoggedOut/HomeLoggedOut.jsx

@@ -6,10 +6,12 @@ import { useHistory } from "react-router-dom";
 function HomeLoggedOut() {
   const [, setLoggedIn] = useLocalStorage("loggedIn", false);
   const [, setToken] = useLocalStorage("token", null);
+  const [, setDisableAuth] = useLocalStorage("disableAuth", false);
   const history = useHistory();
   axios.get("/auth/login").then(function (response) {
     if (!response.data.enabled) {
       setLoggedIn(true);
+      setDisableAuth(true);
       setToken("");
       history.go(0);
     }

frontend/src/utils/API.js

@@ -5,7 +5,10 @@ const baseURL = "/api/";
 export default axios.create({
   baseURL: baseURL,
   responseType: "json",
-  headers: {
+  headers:
-    Authorization: `Bearer ${JSON.parse(localStorage.getItem("token"))}`,
+    localStorage.getItem("disableAuth") === "true"
-  },
+      ? {}
+      : {
+          Authorization: `Bearer ${JSON.parse(localStorage.getItem("token"))}`,
+        },
 });