Checks for permissions on monitor page for delete/edit button

KSJaay · Nov 21, 2024 · 4021409 · 4021409
1 parent ec6f5b3
commit 4021409
Showing 1 changed file with 21 additions and 14 deletions.
diff --git a/app/components/monitor/menu.jsx b/app/components/monitor/menu.jsx
@@ -18,9 +18,12 @@ const MonitorMenu = ({ name = 'Unknown', monitorId }) => {
   const {
     modalStore: { openModal, closeModal },
     globalStore: { getMonitor, editMonitor, removeMonitor },
+    userStore: { user },
   } = useContextStore();
   const navigate = useNavigate();
 
+  const isEditor = user.permission <= 3;
+
   const handleConfirm = async () => {
     await createGetRequest('/api/monitor/delete', {
       monitorId,
@@ -65,20 +68,24 @@ const MonitorMenu = ({ name = 'Unknown', monitorId }) => {
       </div>
       {/* <Button iconLeft={<FaTrashCan style={{ width: '20px', height: '20px' }} />}>Pause</Button> */}
       {/* <Button iconLeft={<FaTrashCan style={{ width: '20px', height: '20px' }} />}>Duplicate</Button> */}
-      <Button
-        id="monitor-edit-button"
-        iconLeft={<MdEdit style={{ width: '20px', height: '20px' }} />}
-        onClick={handleEdit}
-      >
-        Edit
-      </Button>
-      <Button
-        id="monitor-delete-button"
-        iconLeft={<FaTrashCan style={{ width: '20px', height: '20px' }} />}
-        onClick={handleDelete}
-      >
-        Delete
-      </Button>
+      {isEditor && (
+        <>
+          <Button
+            id="monitor-edit-button"
+            iconLeft={<MdEdit style={{ width: '20px', height: '20px' }} />}
+            onClick={handleEdit}
+          >
+            Edit
+          </Button>
+          <Button
+            id="monitor-delete-button"
+            iconLeft={<FaTrashCan style={{ width: '20px', height: '20px' }} />}
+            onClick={handleDelete}
+          >
+            Delete
+          </Button>
+        </>
+      )}
     </div>
   );
 };