more

src/Components/Modals/CreateModal.js

@@ -30,6 +30,7 @@ const CreateModal = ({ setShowModal, caseData }) => {
   const editCaseId = caseData?.id;
   const isEditing = typeof editCaseId !== "undefined";
   const [isBusy, setIsBusy] = useState(false);
+  const [venueArray, setVenueArray] = useState();
   const [newCaseId, setNewCaseId] = useState();
   const state = group?.state[0].code ? group?.state[0].code : null;
   console.log("state", state);
@@ -38,8 +39,24 @@ const CreateModal = ({ setShowModal, caseData }) => {
     getFormDataDefaults(fields, isEditing ? caseData : undefined)
   );
 
+  function selectVenueValues(data) {
+    const result = floridaCourts.filter((court) => {
+      let val;
+      console.log("court", court);
+      const target = data.jurisdiction.value.split(" ")[0];
+      if (court.circuit === target) {
+        console.log("court.counties", court.counties);
+        val = court.counties;
+      }
+      return val;
+    });
+    return result;
+  }
+
   const handleChangeInput = (e, name) => {
     const newData = handleFormDataChange(e, name, data, fields);
+    const venArr = selectVenueValues(newData);
+    setVenueArray(venArr);
     if (newData !== null) {
       setData(newData);
     }
@@ -196,6 +213,8 @@ const CreateModal = ({ setShowModal, caseData }) => {
               name={"venue"}
               value={data.venue.value}
               error={data.venue.error}
+              type={state === "fl" ? "select" : "text"}
+              values={venueArray}
               message={data.venue.message}
               disabled={isBusy}
               onChange={(e) => handleChangeInput(e, "venue")}

src/pageElements/TextInput.js

@@ -17,7 +17,7 @@ const TextInput = (props) => {
     disabled,
   } = props;
   const isFlorida = state === "fl";
-  console.log("values", values);
+
   return (
     <div
       className={