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>
   );
 };

src/pageElements/TagSelector.js

@@ -34,9 +34,9 @@
                                <Radiogroup
                     title="Client position"
                     options={radioOptions}
-                    value={data.clientPosition.value}
+                    value={radioValue}
                     disabled={isBusy}
-                    onClick={(e) => handleChangeInput(e, "clientPosition")}
+                    onClick={(e) => setRadioValue(e, "clientPosition")}
                   />
   
               */