From f56e255010a31a00a0f66b88b5428c174914a772 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 15:40:42 -0600
Subject: [PATCH] more

---
 src/Components/Case/CaseTypePage.js | 24 +++++++++++++++++++++++-
 src/pageElements/TagSelector.js     |  4 ++--
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index 8c4c633..89809af 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/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>
   );
 };
diff --git a/src/pageElements/TagSelector.js b/src/pageElements/TagSelector.js
index 79f5751..82a726d 100644
--- a/src/pageElements/TagSelector.js
+++ b/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")}
                   />
   
               */