more

src/Components/SignupPage/SignupPage.js

@@ -402,7 +402,7 @@ const SignupPage = () => {
                     description={option.description}
                     details={option.details}
                     activeRadioOption={activeRadioOption}
-                    price={option.price}
+                    price={option.pricing}
                   />
                 </div>
               ))}

src/Constants/Fields/RadioFields.js

@@ -9,7 +9,10 @@ export const signupRadioFields = [
       "24/7 support",
     ],
     details: "",
-    price: 49,
+    pricing: [
+      { type: "standard", amount: 69 },
+      { type: "annDiscount", amount: 49 },
+    ],
   },
   {
     name: "Partner",
@@ -22,7 +25,10 @@ export const signupRadioFields = [
       "24/7 support",
     ],
     details: "",
-    price: 79,
+    pricing: [
+      { type: "standard", amount: 97 },
+      { type: "annDiscount", amount: 79 },
+    ],
   },
   {
     name: "Senior Partner",
@@ -31,9 +37,12 @@ export const signupRadioFields = [
     description: [
       "Unlimited documents.",
       "Triage-level support",
-      "Up to 8 additional accounts: 19/each",
+      "Up to 8 additional accounts at 19/each",
     ],
     details: "",
-    price: 119,
+    pricing: [
+      { type: "standard", amount: 149 },
+      { type: "annDiscount", amount: 119 },
+    ],
   },
 ];

src/pageElements/Radio.js

@@ -15,7 +15,7 @@ const Radio = (props) => {
   } = props;
   const classCheckbox = "checkbox";
   const classOption = "option";
-  console.log("value, activeRadioOption", value, activeRadioOption);
+  console.log("price", price);
   return (
     <div className="radio-container">
       <div className="radio-option-container" key={name}>
@@ -36,7 +36,7 @@ const Radio = (props) => {
               )}
               <div className="radio-name-box"> {`${name}`} </div>
               <div className="radio-price-box">
-                <div className="radio-price"> {`${price}`} </div>
+                <div className="radio-price"> {`${price[1]["amount"]}`} </div>
               </div>
             </div>
             <div className="radio-circle-lower">