More

src/Components/Modals/UploadModal.js

@@ -6,6 +6,7 @@ import Button from "../../pageElements/Button";
 import Form from "react-bootstrap/Form";
 import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
+import Radiogroup from "../../pageElements/Radiogroup";
 import { useNavigate } from "react-router-dom";
 import { collection, setDoc, doc } from "firebase/firestore";
 import { db } from "../../firebase";
@@ -30,6 +31,7 @@ const UploadModal = (props) => {
   const [fileToUpload, setFileToUpload] = useState();
   const [fileToParse, setFileToParse] = useState("");
   const [fileChanged, setFileChanged] = useState();
+  const [radioValue, setRadioValue] = useState("");
   const [showFileDetails, setShowFileDetails] = useState("");
   const [titleError, setShowTitleError] = useState("");
   const [docError, setShowDocError] = useState("");
@@ -40,7 +42,19 @@ const UploadModal = (props) => {
     process.env.NODE_ENV === "development"
       ? process.env.REACT_APP_API_DEV
       : process.env.REACT_APP_API_PROD;
-  console.log("apiUrl", apiUrl);
+  const radioOptions = [
+    {
+      name: "Discovery request",
+      label: "Discovery request",
+      value: "discoveryRequest",
+    },
+    { name: "Complaint", label: "Complaint", value: "complaint" },
+  ];
+
+  const handleSetRadioValue = (e) => {
+    setRadioValue(e.value);
+  };
+
   async function saveToDb(uuidName) {
     const createdAt = new Date();
     const data = {
@@ -228,7 +242,17 @@ const UploadModal = (props) => {
                 label={dateServed ? "" : "Date Served"}
               />
             </Col>
-            <Col />
+            <Col>
+              {" "}
+              <div className="radio-wrapper">
+                <Radiogroup
+                  title="Client position"
+                  options={radioOptions}
+                  value={radioValue}
+                  onClick={(e) => handleSetRadioValue(e, "clientPosition")}
+                />
+              </div>
+            </Col>
           </Row>
           <Row>
             <Col className="mb-3">

src/styles/modals.scss

@@ -27,6 +27,7 @@
 .upload-header-bold {
   font-weight: 500;
 }
+
 .modal-document-error {
   margin: -10px 2px 0px 5px;
   color: red;