diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js index e307284..3009ab8 100644 --- a/src/Components/Case/CaseTypePage.js +++ b/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)} > - {emailError ?