From 1c6751187136d4dd8cef7f24d3811107a3510971 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Fri, 19 Jan 2024 15:43:03 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js | 56 ++++++++++++++++---------
 1 file changed, 36 insertions(+), 20 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 35a46b9..1a33557 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -58,6 +58,13 @@ const SignupPage = () => {
     return hasErrors ? null : objectMap(({ value }) => value, newData);
   };
 
+  const validatePaymentData = () => {
+    const newData = getValidatedFormData(data, signupfields);
+    const hasErrors = isFormDataHasErrors(newData);
+    setPaymentdata(newData);
+    return hasErrors ? null : objectMap(({ value }) => value, newData);
+  };
+
   const [cardNumber, setCardNumber] = useState("");
   const [cardName, setCardName] = useState("");
   const [cardSecNumber, setCardSecNumber] = useState("");
@@ -105,40 +112,49 @@ const SignupPage = () => {
     }
   }
 
+  async function handleStripePaymentAuthorization(paymentDataValues) {
+    console.log(paymentDataValues);
+  }
   const handleSignup = async (e) => {
-    console.log("handleSignup");
-    /*
     e.preventDefault();
-    if (isBusy) {
+    const paymentDataValues = validatePaymentData();
+    if (paymentDataValues === null) {
       return;
     }
+    /*
+    const paymentSuccess = handleStripePaymentAuthorization(paymentDataValues);
 
-    setIsBusy(true);
-    try {
-      const userCredential = await createUserWithEmailAndPassword(
-        auth,
-        dataValues.email,
-        dataValues.password
-      );
-      const user = userCredential.user;
-      await saveUserData(user.uid, dataValues);
-      navigate("/");
-    } catch (error) {
-      setIsBusy(false);
-      setNotice(
-        error.message || "Sorry, something went wrong. Please try again."
-      );
+    if (paymentSuccess) {
+      if (isBusy) {
+        return;
+      }
+
+      setIsBusy(true);
+      try {
+        const userCredential = await createUserWithEmailAndPassword(
+          auth,
+          dataValues.email,
+          dataValues.password
+        );
+        const user = userCredential.user;
+        await saveUserData(user.uid, dataValues);
+        navigate("/");
+      } catch (error) {
+        setIsBusy(false);
+        setNotice(
+          error.message || "Sorry, something went wrong. Please try again."
+        );
+      }
     }
     */
   };
 
   const handleProceed = () => {
-    /*
     const dataValues = validateData();
     if (dataValues === null) {
       return;
     }
-    */
+
     setShowPaymentModal(true);
   };