more

src/App.js

@@ -47,7 +47,10 @@ function App() {
         <Routes>
           <Route exact path="/" element={<Homepage />} />
           <Route exact path="/login" element={<Login />} />
-          <Route path="/signup/:isUpgrade?" element={<SignupPage />} />
+          <Route
+            path="/signup/:isUpgrade?/:currentPlan?"
+            element={<SignupPage />}
+          />
           <Route path="/requestpage/:supReq" element={<DemoRequestPage />} />
           <Route
             exact

src/Components/Case/CaseDetailsPage.js

@@ -78,7 +78,8 @@ const CaseDetailsPage = () => {
 
   const handleConfirmUpgrade = () => {
     const isUpgrade = true;
-    navigate(`/signup/${isUpgrade}`);
+    const currentPlan = group?.subscriptionPlan;
+    navigate(`/signup/${isUpgrade}/${currentPlan}`);
   };
 
   const handleSuccess = () => {

src/Components/SignupPage/SignupPage.js

@@ -32,7 +32,7 @@ import Stripe from "stripe";
 import { stripeApiKey } from "../../secrets";
 
 const SignupPage = () => {
-  const { isUpgrade } = useParams();
+  const { isUpgrade, currentPlan } = useParams();
   const navigate = useNavigate();
   const [notice, setNotice] = useState("");
   const fieldsChunkSize = 2;
@@ -204,6 +204,7 @@ const SignupPage = () => {
       email,
       customerId: customerId,
       subscriptionId: subscriptionId,
+      subscriptionPlan: plan,
     };
 
     try {
@@ -382,8 +383,7 @@ const SignupPage = () => {
     selectedPlan[0].value === "seniorPartner" ||
     selectedPlan[0].value === "partner";
 
-  return (
-    <div className="signup-super-container">
+  const signupForm = (
     <div className="signup-sub-container">
       <div className="signup-header">
         <h1 className="signup-header-text">Create a Novodraft account</h1>
@@ -473,6 +473,11 @@ const SignupPage = () => {
         <></>
       )}
     </div>
+  );
+
+  return (
+    <div className="signup-super-container">
+      {!isUpgrade ? signupForm : <></>}
       {showSelectPlan ? (
         <div className="select-plan-container">
           <div className="select-sub-left">