From 9f05774df58359a9266a072fe617b3a7c49c7efa Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 24 Jan 2024 23:57:38 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js | 19 ++++++++++++++++++-
 src/styles/signup.scss                  |  2 +-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index d29cc59..bda940c 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -7,6 +7,7 @@ import { db, auth } from "../../firebase";
 import { createUserWithEmailAndPassword } from "firebase/auth";
 import { Link, useNavigate } from "react-router-dom";
 import TextInput from "../../pageElements/TextInput";
+import Radiogroup from "../../pageElements/Radiogroup";
 import { v4 as uuidv4 } from "uuid";
 import { collection, setDoc, doc } from "firebase/firestore";
 import { splitEvery } from "../../Utils/Array";
@@ -34,6 +35,12 @@ const SignupPage = () => {
   );
   const [showPaymentModal, setShowPaymentModal] = useState(false);
   const [showSelectPlan, setShowSelectPlan] = useState(true);
+
+  const radioOptions = [
+    { name: "Plaintiff", label: "Plaintiff", value: "Plaintiff" },
+    { name: "Defendant", label: "Defendant", value: "Defendant" },
+  ];
+
   const modalText = "Description of monthly and annual subscriptions";
 
   // this could also go in App.js if needed in the future
@@ -365,7 +372,17 @@ const SignupPage = () => {
                 Select your subscription plan
               </h5>
             </div>
-            <div className="radio-group-box"></div>
+            <div className="radio-group-box">
+              <div className="radio-group-wrapper">
+                <Radiogroup
+                  title="Client position"
+                  options={radioOptions}
+                  value={"data.clientPosition.value"}
+                  disabled={isBusy}
+                  onClick={(e) => handleChangeInput(e, "clientPosition")}
+                />
+              </div>
+            </div>
           </div>
           <div className="select-sub-right">
             <Button
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 1bdb2f4..81669c8 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -88,5 +88,5 @@
   padding: 6px;
   width: 100%;
   height: 300px;
-  background-color: green;
+  background-color: #fff;
 }