more

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

src/styles/signup.scss

@@ -88,5 +88,5 @@
   padding: 6px;
   width: 100%;
   height: 300px;
-  background-color: green;
+  background-color: #fff;
 }