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,19 +83,23 @@ const CaseTypePage = () => {
     if (isBusy) {
       return;
     }
+
+    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);
       }
+    }
+  }
 
   return (
     <div className="type-container">
@@ -144,10 +152,10 @@ const CaseTypePage = () => {
             className="form-control"
             id="emailInput"
             placeholder="Contact Email"
-            value={email}
+            value={contactEmail}
-            onChange={(e) => setEmail(e.target.value)}
+            onChange={(e) => setContactEmail(e.target.value)}
           ></input>
-          {emailError ? <div>{emailError}</div> : <></>}
+          {contactEmailError ? <div>{contactEmailError}</div> : <></>}
         </div>
       </div>
       <div className="type-row">