more

src/Components/Case/CaseTypePage.js

@@ -21,9 +21,14 @@ const CaseTypePage = () => {
   const [contactName, setContactName] = useState("");
   const [billingCode, setBillingCode] = useState("");
   const [leadAttorney, setLeadAttorney] = useState("");
-  const [radioValue, setRadioValue] = useState();
+  const [radioValue, setRadioValue] = useState("");
   const [selectedCaseTags, setSelectedCaseTags] = useState([]);
   const [isBusy, setIsBusy] = useState(false);
+
+  const [emailError, setEmailError] = useState("");
+  const [leadAttorneyError, setLeadAttorneyError] = useState("");
+  const [caseTypeError, setCaseTypeError] = useState(false);
+  const [clientPositionError, setClientPositionError] = useState();
   const typeaheadRef = useRef();
 
   function getCase() {
@@ -44,7 +49,6 @@ const CaseTypePage = () => {
 
   const setSelectedTag = (item) => {
     if (selectedCaseTags.length < 5) {
-      console.log("item in setSelectedTag ---------------------->", item);
       const temp = [...selectedCaseTags, item.tagName];
       setSelectedCaseTags(temp);
       console.log("selectedCaseTags", selectedCaseTags);
@@ -71,10 +75,6 @@ const CaseTypePage = () => {
     setRadioValue(e.value);
   };
 
-  const handleSave = () => {
-    console.log("handleSave");
-  };
-
   async function saveCaseData() {
     if (isBusy) {
       return;
@@ -112,6 +112,9 @@ const CaseTypePage = () => {
             value={leadAttorney}
             onChange={(e) => setLeadAttorney(e.target.value)}
           ></input>
+          <div>
+            {leadAttorneyError ? <div>{leadAttorneyError}</div> : <></>}
+          </div>
         </div>
         <div className="type-col">
           <input
@@ -144,6 +147,7 @@ const CaseTypePage = () => {
             value={email}
             onChange={(e) => setEmail(e.target.value)}
           ></input>
+          {emailError ? <div>{emailError}</div> : <></>}
         </div>
       </div>
       <div className="type-row">