Hide user settings, add and import for anonymous user

swisstopo · Sep 2, 2024 · 1eea5dd · 1eea5dd
1 parent 2ec5584
commit 1eea5dd
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 22 deletions.
diff --git a/src/client/src/pages/overview/layout/mainSideNav.tsx b/src/client/src/pages/overview/layout/mainSideNav.tsx
@@ -17,6 +17,7 @@ import { FilterContext } from "../sidePanelContent/filter/filterContext.tsx";
 import { useTranslation } from "react-i18next";
 import { NavButton } from "../../../components/buttons/navButton.tsx";
 import { ErrorResponse } from "../sidePanelContent/commons/actionsInterfaces.ts";
+import { useAuth } from "../../../auth/useBdmsAuth.tsx";
 
 export interface MainSideNavProps {
   toggleDrawer: (open: boolean) => void;
@@ -42,6 +43,7 @@ const MainSideNav = ({
   const history = useHistory();
   const menuRef = useRef(null);
   const { t } = useTranslation();
+  const auth = useAuth();
   const [creating, setCreating] = useState<boolean>(false);
   const [modal, setModal] = useState<boolean>(false);
   const [upload, setUpload] = useState<boolean>(false);
@@ -118,25 +120,29 @@ const MainSideNav = ({
           selected={isFilterPanelVisible}
           onClick={handleToggleFilter}
         />
-        <NavButton
-          data-cy="new-borehole-button"
-          icon={<AddIcon />}
-          label={t("add")}
-          selected={isAddPanelVisible}
-          disabled={user.data.roles.indexOf("EDIT") === -1}
-          onClick={handleToggleAdd}
-        />
-        <NavButton
-          data-cy="import-borehole-button"
-          icon={<UploadIcon />}
-          label={t("upload")}
-          disabled={user.data.roles.indexOf("EDIT") === -1}
-          onClick={() => {
-            toggleDrawer(false);
-            setModal(true);
-            setUpload(true);
-          }}
-        />
+        {!auth.anonymousModeEnabled && (
+          <>
+            <NavButton
+              data-cy="new-borehole-button"
+              icon={<AddIcon />}
+              label={t("add")}
+              selected={isAddPanelVisible}
+              disabled={user.data.roles.indexOf("EDIT") === -1}
+              onClick={handleToggleAdd}
+            />
+            <NavButton
+              data-cy="import-borehole-button"
+              icon={<UploadIcon />}
+              label={t("upload")}
+              disabled={user.data.roles.indexOf("EDIT") === -1}
+              onClick={() => {
+                toggleDrawer(false);
+                setModal(true);
+                setUpload(true);
+              }}
+            />
+          </>
+        )}
         <NavButton
           data-cy="layers-button"
           icon={<LayersIcon />}

diff --git a/src/client/src/pages/settings/menuSettings.jsx b/src/client/src/pages/settings/menuSettings.jsx
@@ -3,15 +3,18 @@ import PropTypes from "prop-types";
 import { withTranslation } from "react-i18next";
 import { withRouter } from "react-router-dom";
 import ListItem from "../../components/legacyComponents/listItem";
+import { useAuth } from "../../auth/useBdmsAuth";
 
 const MenuSettings = props => {
   const { history, t, location } = props;
+  const auth = useAuth();
 
   return (
     <div>
       <ListItem path="/" name="done" location={location} history={history} icon="arrow left" t={t} hasTranslation />
-      <ListItem path="/setting" name={t("header_settings")} location={location} history={history} icon="cog" />
-
+      {!auth.anonymousModeEnabled && (
+        <ListItem path="/setting" name={t("header_settings")} location={location} history={history} icon="cog" />
+      )}
       {props.user.data.admin === true && (
         <>
           <ListItem path="/setting/admin" name="Admin" location={location} history={history} icon="user outline" />

diff --git a/src/client/src/pages/settings/settingsPage.jsx b/src/client/src/pages/settings/settingsPage.jsx
@@ -6,8 +6,10 @@ import AdminSettings from "./admin/adminSettings";
 import AboutSettings from "./aboutSettings";
 import TermSettings from "./termSettings";
 import { theme } from "../../AppTheme";
+import { useAuth } from "../../auth/useBdmsAuth";
 
 const SettingsPage = () => {
+  const auth = useAuth();
   return (
     <div
       style={{
@@ -40,7 +42,7 @@ const SettingsPage = () => {
             <Route component={AdminSettings} path={"/setting/admin"} />
             <Route component={TermSettings} path={"/setting/term"} />
             <Route component={AboutSettings} path={"/setting/about"} />
-            <Route component={EditorSettings} path={"/setting"} />
+            <Route component={auth.anonymousModeEnabled ? AboutSettings : EditorSettings} path={"/setting"} />
           </Switch>
         </div>
       </div>