From 370b7b5bc2ac5cab20fd2620950d3edf5b52ac31 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 27 Jan 2024 17:51:48 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js | 29 +++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 89184ae..3e2f5fc 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -40,7 +40,7 @@ const SignupPage = () => {
   const [showPaymentModal, setShowPaymentModal] = useState(false);
   const [showSelectPlan, setShowSelectPlan] = useState(false);
   const [activeRadioOption, setActiveRadioOption] = useState("partner");
-  const [selectedPlan, setSelectedPlan] = useState({});
+  const [selectedPlan, setSelectedPlan] = useState([{}]);
   const [isAnnual, setIsAnnual] = useState(false);
   // Could also go in App.js if needed in the future
   const stripe = new Stripe(stripeApiKey);
@@ -50,7 +50,7 @@ const SignupPage = () => {
       : process.env.REACT_APP_API_PROD;
   const [showAddAccount, setShowAddAccount] = useState(false);
   const modalText = "MAYBE PUT TOTAL HERE";
-
+  const selectValues = [1, 2, 3, 4, 5, 6, 7, 8];
   const handleChangeInput = (e, name) => {
     const newData = handleFormDataChange(e, name, data, signupFields);
     if (newData !== null) {
@@ -450,6 +450,31 @@ const SignupPage = () => {
                     account username(s) and access will be setup later
                   </p>
                 </div>
+                <div>
+                  {" "}
+                  <select
+                    id="accountNo"
+                    className={`form-select`}
+                    value={"value"}
+                    name={"name"}
+                    onChange={"dd"}
+                  >
+                    <option
+                      id="ddlProducts"
+                      className={`select-option`}
+                      value=""
+                    ></option>
+                    {selectValues.map((item, i) => (
+                      <option
+                        id="ddlProducts"
+                        className={`select-option`}
+                        key={`item${i}`}
+                      >
+                        {item}
+                      </option>
+                    ))}
+                  </select>
+                </div>
                 <div className="details-button-box">
                   <Button
                     className="secondary-button back-button"