feat: hide add project button when signed in as drone operator (#79)

hotosm · Jul 22, 2024 · 257d260 · 257d260
1 parent 156527d
commit 257d260
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/src/frontend/src/components/Projects/ProjectsHeader/index.tsx b/src/frontend/src/components/Projects/ProjectsHeader/index.tsx
@@ -8,7 +8,11 @@ import { Button } from '@Components/RadixComponents/Button';
 export default function ProjectsHeader() {
   const dispatch = useTypedDispatch();
   const navigate = useNavigate();
+
+  const signedInAs = localStorage.getItem('signedInAs') || 'Project Creator';
+
   const showMap = useTypedSelector(state => state.common.showMap);
+
   return (
     <FlexRow className="naxatw-items-center naxatw-justify-between naxatw-py-3">
       <h5 className="naxatw-font-bold">Projects</h5>
@@ -22,13 +26,15 @@ export default function ProjectsHeader() {
             }}
           />
         </FlexRow>
-        <Button
-          variant="secondary"
-          className="!naxatw-bg-red naxatw-text-white"
-          onClick={() => navigate('/create-project')}
-        >
-          Add Project
-        </Button>
+        {signedInAs === 'Project Creator' && (
+          <Button
+            variant="secondary"
+            className="!naxatw-bg-red naxatw-text-white"
+            onClick={() => navigate('/create-project')}
+          >
+            Add Project
+          </Button>
+        )}
       </FlexRow>
     </FlexRow>
   );