more

src/Components/Modals/CreateModal.js

@@ -6,14 +6,12 @@ import Row from "react-bootstrap/Row";
 import TextInput from "../../pageElements/TextInput";
 import Modal from "react-bootstrap/Modal";
 import { v4 as uuidv4 } from "uuid";
-
 import { collection, setDoc, updateDoc, doc } from "firebase/firestore";
 import { AppContext } from "../../Hooks/useContext/appContext.js";
 import { db } from "../../firebase";
 import { objectMap } from "../../Utils/Object";
 import { createCaseFields as fields } from "../../Constants/Fields/CreateCaseFields.js";
-import { createCaseAdditionalFields as additionalFields } from "../../Constants/Fields/CreateCaseFields.js";
-
+import { floridaCourts } from "../../Constants/Fields/CreateCaseFields.js";
 import "../../styles/modals.scss";
 import {
   getFormDataDefaults,
@@ -241,9 +239,12 @@ const CreateModal = ({ setShowModal, caseData }) => {
             <TextInput
               key={"jurisdiction"}
               name={"jurisdiction"}
+              state={state}
               value={data.jurisdiction.value}
+              values={floridaCourts}
               error={data.jurisdiction.error}
               message={data.jurisdiction.message}
+              type={state === "fl" ? "select" : "text"}
               disabled={isBusy}
               onChange={(e) => handleChangeInput(e, "jurisdiction")}
               label={

src/Constants/Fields/CreateCaseFields.js

@@ -20,3 +20,33 @@ export const createCaseAdditionalFields = {
   billingCode: { required: true, maxLength: 45 },
   leadAttorneys: { required: true, maxLength: 45 },
 };
+
+export const floridaCourts = [
+  {
+    circuit: "First",
+    counties: ["Escambia", "Okaloosa", "Santa Rosa", "Walton"],
+  },
+  {
+    circuit: "Second",
+    counties: [
+      "Franklin",
+      "Gadsden",
+      "Jefferson",
+      "Leon",
+      "Liberty",
+      "Wakulla",
+    ],
+  },
+  {
+    circuit: "Third",
+    counties: [
+      "Columbia",
+      "Dixie",
+      "Hamilton",
+      "Lafayette",
+      "Madison",
+      "Suwannee",
+      "Taylor",
+    ],
+  },
+];

src/pageElements/TextInput.js

@@ -12,10 +12,12 @@ const TextInput = (props) => {
     values,
     onChange,
     id,
+    state,
     type,
     disabled,
   } = props;
-
+  const isFlorida = state === "fl";
+  console.log("values", values);
   return (
     <div
       className={
@@ -45,15 +47,19 @@ const TextInput = (props) => {
             className={`select-option`}
             value=""
           ></option>
-          {values.map((item, i) => (
+          {values && values != undefined ? (
+            values.map((item, i) => (
               <option
                 id="ddlProducts"
                 className={`select-option`}
                 key={`item${i}`}
               >
-              {item}
+                {isFlorida ? `${item.circuit} Judicial Circuit` : item}
               </option>
-          ))}
+            ))
+          ) : (
+            <></>
+          )}
         </select>
       ) : (
         <input