more

src/Components/Document/HeaderPicker.js

@@ -0,0 +1,50 @@
+import NewYorkCaption from "./captionHeaders/newYorkCaption.js";
+import NewJerseyCaption from "./captionHeaders/newJerseyCaption.js";
+import FloridaCaption from "./captionHeaders/floridaCaption.js";
+import { docEditCopy } from "../../Constants/Copy/docEditCopy.js";
+
+const headerPicker = (state, fetchedCase, onScrollClick) => {
+  const displayCopy =
+    state === "ny"
+      ? docEditCopy.NewYork
+      : state === "nj"
+      ? docEditCopy.NewJersey
+      : docEditCopy.NewYork;
+
+  switch (state) {
+    case "ny":
+      return (
+        <NewYorkCaption
+          displayCopy={displayCopy}
+          fetchedCase={fetchedCase}
+          onScrollClick={onScrollClick}
+        />
+      );
+    case "nj":
+      return (
+        <NewJerseyCaption
+          displayCopy={displayCopy}
+          fetchedCase={fetchedCase}
+          onScrollClick={onScrollClick}
+        />
+      );
+    case "fl":
+      return (
+        <FloridaCaption
+          displayCopy={displayCopy}
+          fetchedCase={fetchedCase}
+          onScrollClick={onScrollClick}
+        />
+      );
+    default:
+      return (
+        <NewYorkCaption
+          displayCopy={displayCopy}
+          fetchedCase={fetchedCase}
+          onScrollClick={onScrollClick}
+        />
+      );
+  }
+};
+
+export default headerPicker;

src/Components/Document/ReqEditPage.js

@@ -0,0 +1,100 @@
+import { useState, useContext, useEffect } from "react";
+import headerPicker from "./HeaderPicker";
+import { useParams } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
+import { AppContext } from "../../Hooks/useContext/appContext";
+import EditElement from "../../pageElements/EditElement";
+import { db } from "../../firebase";
+import {
+  collection,
+  updateDoc,
+  onSnapshot,
+  doc,
+  getDoc,
+  setDoc,
+  increment,
+} from "firebase/firestore";
+import "../../styles/doclist-page.scss";
+
+const RequestEditPage = () => {
+  const { documentId, documentType, caseId } = useParams();
+  const { appState } = useContext(AppContext);
+  const { group } = appState;
+  const navigate = useNavigate();
+  const [parsedRogs, setParsedRogs] = useState();
+  const [responses, setResponses] = useState([1]);
+  const [fetchedCase, setFetchedCase] = useState();
+  const [showInputEle, setShowInputEle] = useState(true);
+  const [document, setDocument] = useState(null);
+  const appUserId = group ? group.appUserId : null;
+  const [docId, setDocId] = useState(documentId);
+  const [saveDocumentId, setSaveDocumentId] = useState("");
+  const [showSaveModal, setShowSaveModal] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isReport, setIsReport] = useState(false);
+  const [issueText, setIssueText] = useState("");
+  const [showErrorModal, setShowErrorModal] = useState(false);
+
+  const state = group.state[0] ? group.state[0].code : "ny";
+  const lawFirm = group ? group?.firm : null;
+  const streetAdd = group ? group?.streetAddress : null;
+  const city = group ? group.city : null;
+  const usState = group.state[0] ? group.state[0].code : "ny";
+  const zipCode = group ? group.zipCode : null;
+  const telephone = group ? group.telephone : null;
+
+  const apiUrl =
+    process.env.NODE_ENV === "development"
+      ? 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);
+      return;
+    }
+    try {
+      getCase(caseId);
+      //getDocument();
+    } catch (err) {
+      console.log("Error:", err);
+    }
+  }, [appUserId, docId, caseId]);
+
+  async function getCase(parentCaseId) {
+    try {
+      const docRef = doc(db, "cases", `${parentCaseId}`);
+      const docSnap = await getDoc(docRef);
+      if (docSnap.exists()) {
+        const _case = docSnap.data();
+        _case.id = docSnap._key.path.segments[1];
+        setFetchedCase(_case);
+      } else {
+        console.log("DB item does not exist");
+      }
+    } catch (error) {
+      console.log(`A system error has occurred: ${error}`);
+    }
+  }
+
+  return (
+    <div>
+      <div> {headerPicker()}</div>
+    </div>
+  );
+};
+
+export default RequestEditPage;