more

src/Components/Case/CaseTypePage.js

@@ -1,12 +1,23 @@
 import { useState } from "react";
-
+import { Typeahead } from "react-bootstrap-typeahead";
+import Radiogroup from "../../pageElements/Radiogroup";
 import "../../styles/casetype-page.scss";
+
 const CaseTypePage = () => {
   const [email, setEmail] = useState("");
   const [contactName, setContactName] = useState("");
   const [billingCode, setBillingCode] = useState("");
   const [leadAttorney, setLeadAttorney] = useState("");
+  const [radioValue, setRadioValue] = useState();
+  const radioOptions = [
+    { name: "Plaintiff", label: "Plaintiff", value: "Plaintiff" },
+    { name: "Defendant", label: "Defendant", value: "Defendant" },
+  ];
 
+  const handleSetRadioValue = (e) => {
+    console.log("e", e);
+    setRadioValue(e.value);
+  };
   return (
     <div className="type-container">
       <div className="type-row">
@@ -53,6 +64,17 @@ const CaseTypePage = () => {
           ></input>
         </div>
       </div>
+      <div className="type-row">
+        <div className="type-col"></div>
+        <div className="type-col">
+          <Radiogroup
+            title="Client position"
+            options={radioOptions}
+            value={radioValue}
+            onClick={(e) => handleSetRadioValue(e, "clientPosition")}
+          />
+        </div>
+      </div>
     </div>
   );
 };