more

src/Components/Document/ReqEditPage.js

@@ -60,19 +60,6 @@ const RequestEditPage = () => {
       ? process.env.REACT_APP_API_DEV
       : process.env.REACT_APP_API_PROD;
 
-  const headerString =
-    documentType === "interrogatories" ? (
-      "Response to Interrogatories"
-    ) : documentType === "admissions" ? (
-      "Response to Request for Admissions"
-    ) : documentType === "production" ? (
-      "Response to Request for Production"
-    ) : documentType === "combined-numbered" ? (
-      "Response to Interrogatories and Request for Production"
-    ) : (
-      <></>
-    );
-
   useEffect(() => {
     if (!appUserId || !docId) {
       setDocument(null);
@@ -92,16 +79,15 @@ const RequestEditPage = () => {
     }
     getOutgoingRequests(documentId)
       .then((data) => {
-        const resp = data[0].requests.map((item, index) => {
+        const merged = [...foundationRogs, ...data[0].requests];
+        const resp = merged.map((item, index) => {
           // NEVER CHANGE THIS:
           return { showInputEle: false, text: item.text, index: index };
         });
-        const merged = [...foundationRogs, ...resp];
-        setRequests(merged);
+        setRequests(resp);
       })
       .catch((err) => console.log(err));
   }, [documentId]);
-
   async function getCase(parentCaseId) {
     try {
       const docRef = doc(db, "cases", `${parentCaseId}`);
@@ -349,16 +335,32 @@ const RequestEditPage = () => {
               </div>
             ))}
           </div>
-          <div className="doc-editing-sub-wrapper">
+          <div className="req-editing-sub-wrapper">
             <div className="pleading-header">INTERROGATORIES</div>
             {requests?.map((req, i) => (
-              <div className="request-text-up-row">
-                <div className="request-text-number-col">{`${i + 1}.`}</div>
-                <div>{req?.text}</div>
+              <div className="req-item-inner-div">
+                <EditElement
+                  value={
+                    requests && requests.length > 1
+                      ? // NEVER CHANGE THIS
+                        req.text
+                      : null
+                  }
+                  setShowInputEle={setShowInputEle}
+                  showInputEle={
+                    requests && requests.length > 1
+                      ? requests[i].showInputEle
+                      : null
+                  }
+                  handleFocus={handleFocus}
+                  handleEditValue={handleEditValue}
+                  handleBlur={handleBlur}
+                  i={i}
+                />
               </div>
             ))}
           </div>
-          <div className="doc-editing-sub-wrapper">
+          <div className="req-editing-sub-wrapper">
             <div className="pleading-header">REQUESTS FOR PRODUCTION</div>
             {standardProd?.map((req, i) => (
               <div className="request-text-up-row">