This commit is contained in:
Kenneth Jannette
2024-02-01 21:24:59 -06:00
parent 08bf716195
commit 6bd6fb76f9
3 changed files with 10 additions and 5 deletions

View File

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

View File

@@ -77,8 +77,10 @@ const CaseDetailsPage = () => {
}; };
const handleConfirmUpgrade = () => { const handleConfirmUpgrade = () => {
console.log("handle confirm upgrade"); const isUpgrade = true;
navigate(`/signup/${isUpgrade}`);
}; };
const handleSuccess = () => { const handleSuccess = () => {
setIsLoading(true); setIsLoading(true);
setShowUploadModal(false); setShowUploadModal(false);

View File

@@ -3,6 +3,7 @@ import Col from "react-bootstrap/Col";
import Form from "react-bootstrap/Form"; import Form from "react-bootstrap/Form";
import Row from "react-bootstrap/Row"; import Row from "react-bootstrap/Row";
import Button from "../../pageElements/Button"; import Button from "../../pageElements/Button";
import { useParams } from "react-router-dom";
import { db, auth } from "../../firebase"; import { db, auth } from "../../firebase";
import { createUserWithEmailAndPassword } from "firebase/auth"; import { createUserWithEmailAndPassword } from "firebase/auth";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
@@ -30,8 +31,8 @@ import "../../styles/signup.scss";
import Stripe from "stripe"; import Stripe from "stripe";
import { stripeApiKey } from "../../secrets"; import { stripeApiKey } from "../../secrets";
const SignupPage = (props) => { const SignupPage = () => {
const { isUpgrade } = props; const { isUpgrade } = useParams();
const navigate = useNavigate(); const navigate = useNavigate();
const [notice, setNotice] = useState(""); const [notice, setNotice] = useState("");
const fieldsChunkSize = 2; const fieldsChunkSize = 2;
@@ -41,7 +42,9 @@ const SignupPage = (props) => {
getFormDataDefaults(paymentfields) getFormDataDefaults(paymentfields)
); );
const [showPaymentModal, setShowPaymentModal] = useState(false); const [showPaymentModal, setShowPaymentModal] = useState(false);
const [showSelectPlan, setShowSelectPlan] = useState(false); const [showSelectPlan, setShowSelectPlan] = useState(
isUpgrade ? true : false
);
const [activeRadioOption, setActiveRadioOption] = useState("partner"); const [activeRadioOption, setActiveRadioOption] = useState("partner");
const [selectedPlan, setSelectedPlan] = useState([signupRadioFields[1]]); const [selectedPlan, setSelectedPlan] = useState([signupRadioFields[1]]);
const [isAnnual, setIsAnnual] = useState(1); const [isAnnual, setIsAnnual] = useState(1);