more

src/Components/Document/ReqEditPage.js

@@ -35,8 +35,10 @@ const RequestEditPage = () => {
   const { group } = appState;
   const navigate = useNavigate();
   const [requests, setRequests] = useState([1]);
+  const [prodReq, setProdReq] = useState();
   const [fetchedCase, setFetchedCase] = useState();
   const [showInputEle, setShowInputEle] = useState(true);
+  const [showprodInputEle, setShowprodInputEle] = useState(true);
   const [document, setDocument] = useState(null);
   const appUserId = group ? group?.appUserId : null;
   const [docId, setDocId] = useState(documentId);
@@ -46,6 +48,7 @@ const RequestEditPage = () => {
   const [isReport, setIsReport] = useState(false);
   const [showErrorModal, setShowErrorModal] = useState(false);
   const [isBusy, setIsBusy] = useState(false);
+
   // Case Vars
   const state = group?.state[0] ? group.state[0].code : "ny";
   const lawFirm = group ? group?.firm : null;
@@ -85,6 +88,7 @@ const RequestEditPage = () => {
           return { showInputEle: false, text: item.text, index: index };
         });
         setRequests(resp);
+        setProdReq(standardProd);
       })
       .catch((err) => console.log(err));
   }, [documentId]);
@@ -235,6 +239,19 @@ const RequestEditPage = () => {
     setRequests(newSelectedrequests);
   };
 
+  const handleProdBlur = (e, i) => {
+    const newSelectedrequests = requests?.map((r) => {
+      if (r.index === i) {
+        return {
+          ...r,
+          showInputEle: !showInputEle,
+        };
+      }
+      return r;
+    });
+    setRequests(newSelectedrequests);
+  };
+
   const handleFocus = (arg, i) => {
     const newSelectedrequests = requests?.map((r) => {
       if (r.index === i) {
@@ -248,11 +265,22 @@ const RequestEditPage = () => {
     setRequests(newSelectedrequests);
   };
 
+  const handleProdFocus = (arg, i) => {
+    const newSelectedrequests = requests?.map((r) => {
+      if (r.index === i) {
+        return {
+          ...r,
+          showInputEle: !showInputEle,
+        };
+      }
+      return r;
+    });
+    setRequests(newSelectedrequests);
+  };
+
   const handleEditValue = (e, i) => {
-    console.log("e,i ", e, i);
     const editingRes = requests?.map((r) => {
       if (r.index === i) {
-        console.log("r.inex", r.index);
         return {
           ...r,
           text: e.target.value,
@@ -263,6 +291,20 @@ const RequestEditPage = () => {
     setRequests(editingRes);
   };
 
+  const handleEditProdValue = (e, i) => {
+    console.log("e,i ", e, i);
+    const editingProd = standardProd?.map((r) => {
+      if (r.index === i) {
+        return {
+          ...r,
+          text: e.target.value,
+        };
+      }
+      return r;
+    });
+    setProdReq(editingProd);
+  };
+
   const handleBack = () => {
     navigate(`/documents`);
   };
@@ -365,24 +407,26 @@ const RequestEditPage = () => {
           </div>
           <div className="req-editing-sub-wrapper">
             <div className="pleading-header">REQUESTS FOR PRODUCTION</div>
-            {standardProd?.map((req, i) => (
+            {prodReq?.map((preq, i) => (
               <div className="request-item-outer-div">
                 <div className="request-text-up">{`${i + 1}.`}</div>
                 <div className="req-item-inner-div">
                   <EditElement
                     value={
-                      requests && requests.length > 1
+                      standardProd && standardProd.length > 1
                         ? // NEVER CHANGE THIS
-                          req.text
+                          preq.text
                         : null
                     }
-                    setShowInputEle={setShowInputEle}
+                    setShowInputEle={setShowprodInputEle}
                     showInputEle={
-                      requests && requests.length > 1 ? req.showInputEle : null
+                      standardProd && standardProd.length > 1
+                        ? preq.showInputEle
+                        : null
                     }
-                    handleFocus={handleFocus}
-                    handleEditValue={handleEditValue}
-                    handleBlur={handleBlur}
+                    handleFocus={handleProdFocus}
+                    handleEditValue={handleEditProdValue}
+                    handleBlur={handleProdBlur}
                     i={i}
                   />
                 </div>