morr

src/Components/Case/CaseTypePage.js

@@ -17,7 +17,7 @@ const CaseTypePage = () => {
   const { group } = appState;
   const appUserId = group ? group.appUserId : null;
   const [subCase, setSubCase] = useState();
-  const [email, setEmail] = useState("");
+  const [contactEmail, setContactEmail] = useState("");
   const [contactName, setContactName] = useState("");
   const [billingCode, setBillingCode] = useState("");
   const [leadAttorney, setLeadAttorney] = useState("");
@@ -25,7 +25,7 @@ const CaseTypePage = () => {
   const [selectedCaseTags, setSelectedCaseTags] = useState([]);
   const [isBusy, setIsBusy] = useState(false);
 
-  const [emailError, setEmailError] = useState("");
+  const [contactEmailError, setContactEmailError] = useState("");
   const [leadAttorneyError, setLeadAttorneyError] = useState("");
   const [caseTypeError, setCaseTypeError] = useState(false);
   const [clientPositionError, setClientPositionError] = useState();
@@ -70,6 +70,10 @@ const CaseTypePage = () => {
     { name: "Defendant", label: "Defendant", value: "Defendant" },
   ];
 
+  const validateInput = () => {
+    const leadAttorneyValid = leadAttorney.length > 2;
+  };
+
   const handleSetRadioValue = (e) => {
     console.log("e", e);
     setRadioValue(e.value);
@@ -79,18 +83,22 @@ const CaseTypePage = () => {
     if (isBusy) {
       return;
     }
-    const dataValues = {
-      leadAttorney: leadAttorney,
-    };
 
-    setIsBusy(true);
-    try {
-      await updateDoc(doc(db, "cases", caseId), dataValues);
-    } catch (err) {
-      console.log("Error updating case:", err);
+    const valid = validateInput();
+
+    if (valid) {
+      const dataValues = {
+        leadAttorney: leadAttorney,
+      };
+      setIsBusy(true);
+      try {
+        await updateDoc(doc(db, "cases", caseId), dataValues);
+        setIsBusy(false);
+      } catch (err) {
+        console.log("Error updating case:", err);
+        setIsBusy(false);
+      }
     }
-
-    setIsBusy(false);
   }
 
   return (
@@ -144,10 +152,10 @@ const CaseTypePage = () => {
             className="form-control"
             id="emailInput"
             placeholder="Contact Email"
-            value={email}
-            onChange={(e) => setEmail(e.target.value)}
+            value={contactEmail}
+            onChange={(e) => setContactEmail(e.target.value)}
           ></input>
-          {emailError ? <div>{emailError}</div> : <></>}
+          {contactEmailError ? <div>{contactEmailError}</div> : <></>}
         </div>
       </div>
       <div className="type-row">