[#391] Handle enableEditCase state

akvo · Jan 20, 2025 · 2a2107b · 2a2107b
1 parent 465a593
commit 2a2107b
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 3 deletions.
diff --git a/frontend/src/pages/cases/Case.js b/frontend/src/pages/cases/Case.js
@@ -10,6 +10,7 @@ import {
   PrevCaseState,
   CaseVisualState,
 } from "./store";
+import { UserState } from "../../store";
 import {
   SetIncomeTarget,
   EnterIncomeData,
@@ -21,6 +22,7 @@ import { EnterIncomeDataVisual } from "./visualizations";
 import "./steps/steps.scss";
 import { isEmpty, orderBy } from "lodash";
 import { customFormula } from "../../lib/formula";
+import { adminRole } from "../../store/static";
 
 const commodityOrder = ["focus", "secondary", "tertiary", "diversified"];
 const masterCommodityCategories = window.master?.commodity_categories || [];
@@ -171,6 +173,7 @@ const Case = () => {
   const { questionGroups, totalIncomeQuestions } = CaseVisualState.useState(
     (s) => s
   );
+  const userState = UserState.useState((s) => s);
 
   const updateStepIncomeTargetState = (key, value) => {
     CaseUIState.update((s) => {
@@ -181,6 +184,54 @@ const Case = () => {
     });
   };
 
+  // check for enableEditCase
+  useEffect(() => {
+    const checkEnableEditCase = () => {
+      if (adminRole.includes(userState?.role)) {
+        return true;
+      }
+      // allow internal user to create new case
+      if (userState?.internal_user && !caseId) {
+        return true;
+      }
+      // check user access
+      const userPermission = userState.case_access.find(
+        (a) => a.case === parseInt(caseId)
+      )?.permission;
+      // allow internal user case owner to edit case
+      if (
+        userState?.internal_user &&
+        currentCase?.created_by === userState?.email
+      ) {
+        return true;
+      }
+      if (
+        (userState?.internal_user && !userPermission) ||
+        userPermission === "view"
+      ) {
+        return false;
+      }
+      if (userPermission === "edit") {
+        return true;
+      }
+      return false;
+    };
+    CaseUIState.update((s) => ({
+      ...s,
+      general: {
+        ...s.general,
+        enableEditCase: checkEnableEditCase,
+      },
+    }));
+  }, [
+    caseId,
+    userState?.internal_user,
+    userState?.email,
+    userState?.case_access,
+    userState?.role,
+    currentCase?.created_by,
+  ]);
+
   // Fetch case details
   useEffect(() => {
     if (caseId && currentCase.id !== parseInt(caseId)) {

diff --git a/frontend/src/pages/cases/components/CaseSettings.js b/frontend/src/pages/cases/components/CaseSettings.js
@@ -274,6 +274,7 @@ const CaseSettings = ({ open = false, handleCancel = () => {} }) => {
       onOk={() => form.submit()}
       okButtonProps={{
         loading: isSaving,
+        disabled: !enableEditCase,
       }}
       okText="Save case"
       onCancel={handleCancel}

diff --git a/frontend/src/pages/cases/components/SegmentForm.js b/frontend/src/pages/cases/components/SegmentForm.js
@@ -1,9 +1,13 @@
 import React from "react";
 import { Form, Card, Button, Row, Col, Input, InputNumber } from "antd";
 import { CloseOutlined, PlusOutlined } from "@ant-design/icons";
+import { CaseUIState } from "../store";
+
+const MAX_SEGMENT = 5;
 
 const SegmentForm = () => {
-  const MAX_SEGMENT = 5;
+  const { enableEditCase } = CaseUIState.useState((s) => s.general);
+
   return (
     <Form.List name="segments">
       {(fields, { add, remove }) => (
@@ -19,6 +23,7 @@ const SegmentForm = () => {
                     type="icon"
                     icon={<CloseOutlined />}
                     onClick={() => remove(name)}
+                    disabled={!enableEditCase}
                   />
                 ) : null
               }
@@ -39,7 +44,11 @@ const SegmentForm = () => {
                       },
                     ]}
                   >
-                    <Input width="100%" placeholder="Segment name" />
+                    <Input
+                      width="100%"
+                      placeholder="Segment name"
+                      disabled={!enableEditCase}
+                    />
                   </Form.Item>
                 </Col>
                 <Col span={10}>
@@ -48,6 +57,7 @@ const SegmentForm = () => {
                       placeholder="Number of farmers"
                       controls={false}
                       style={{ width: "100%" }}
+                      disabled={!enableEditCase}
                     />
                   </Form.Item>
                 </Col>
@@ -61,6 +71,7 @@ const SegmentForm = () => {
                 onClick={() => add()}
                 block
                 icon={<PlusOutlined />}
+                disabled={!enableEditCase}
               >
                 Add another segment
               </Button>

diff --git a/frontend/src/pages/cases/steps/SetIncomeTarget.js b/frontend/src/pages/cases/steps/SetIncomeTarget.js
@@ -560,7 +560,7 @@ const SetIncomeTarget = ({ segment, setbackfunction, setnextfunction }) => {
                 },
               ]}
             >
-              <Radio.Group options={yesNoOptions} />
+              <Radio.Group options={yesNoOptions} disabled={!enableEditCase} />
             </Form.Item>
           </Col>
           {renderTargetInput(setTargetYourself)}