more

src/Components/Case/CaseTypePage.js

@@ -3,29 +3,56 @@ import "../../styles/casetype-page.scss";
 const CaseTypePage = () => {
   const [email, setEmail] = useState("");
   const [contactName, setContactName] = useState("");
+  const [billingCode, setBillingCode] = useState("");
+  const [leadAttorney, setLeadAttorney] = useState("");
+
   return (
-    <div className="type-row">
+    <>
-      <div className="type-col">
+      <div className="type-row">
-        <input
+        <div className="type-col">
-          type="email"
+          <input
-          className="form-control"
+            type="email"
-          id="emailInput"
+            className="form-control"
-          placeholder="Contact Name"
+            id="attorneyInput"
-          value={email}
+            placeholder="Lead Attorney"
-          onChange={(e) => setContactName(e.target.value)}
+            value={leadAttorney}
-        ></input>
+            onChange={(e) => setLeadAttorney(e.target.value)}
+          ></input>
+        </div>
+        <div className="type-col">
+          <input
+            type="email"
+            className="form-control"
+            id="billingInput"
+            placeholder="Billing Code"
+            value={billingCode}
+            onChange={(e) => setBillingCode(e.target.value)}
+          ></input>
+        </div>
       </div>
-      <div className="type-col">
+      <div className="type-row">
-        <input
+        <div className="type-col">
-          type="email"
+          <input
-          className="form-control"
+            type="email"
-          id="emailInput"
+            className="form-control"
-          placeholder="Contact Email"
+            id="emailInput"
-          value={email}
+            placeholder="Contact Name"
-          onChange={(e) => setEmail(e.target.value)}
+            value={contactName}
-        ></input>
+            onChange={(e) => setContactName(e.target.value)}
+          ></input>
+        </div>
+        <div className="type-col">
+          <input
+            type="email"
+            className="form-control"
+            id="emailInput"
+            placeholder="Contact Email"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+          ></input>
+        </div>
       </div>
-    </div>
+    </>
   );
 };