From 2e6113d1a0cef4aa09aac5f3e2a701b0da12e93c Mon Sep 17 00:00:00 2001
From: Srishty Mangutte <68679980+Srish-ty@users.noreply.github.com>
Date: Sun, 3 Nov 2024 12:53:20 +0530
Subject: [PATCH] fix: payment page (#243)

* fix:remove playground and unnecessary files

* feat: added payment

* fix: env vars

* fix: env vars

* fix: hydration err
---
 src/app/payment/page.jsx      | 32 ++++++++++++++------------------
 src/app/payment/payButton.jsx |  2 +-
 2 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/app/payment/page.jsx b/src/app/payment/page.jsx
index 2c67a6a..0c6e42a 100644
--- a/src/app/payment/page.jsx
+++ b/src/app/payment/page.jsx
@@ -5,39 +5,35 @@ import { PayContainer } from './payment.styles';
 import Cookies from 'js-cookie';
 
 const PaymentPage = () => {
-  const [isClient, setIsClient] = useState(false);
-  const [userEmail, setUserEmail] = useState('');
+  const [userEmail, setUserEmail] = useState(null);
 
   useEffect(() => {
-    setIsClient(true);
     const userData = Cookies.get('userData');
     const email = (userData && JSON.parse(userData).email) || '';
     setUserEmail(email);
   }, []);
 
-  const validEmails = [
+  const validMails = [
     'innovision2024.nitr@gmail.com',
     'srishtymangutte@gmail.com',
     'jaiswal2nikhil@gmail.com',
   ];
 
-  if (!isClient) {
-    return null;
+  if (userEmail === null) {
+    return <div>Loading...</div>;
   }
 
   return (
-    <div>
-      <PayContainer>
-        {validEmails.includes(userEmail) ? (
-          <>
-            <h1>Payment Page</h1>
-            <PayButton />
-          </>
-        ) : (
-          <h1>404 page not found</h1>
-        )}
-      </PayContainer>
-    </div>
+    <PayContainer>
+      {validMails.includes(userEmail) ? (
+        <div>
+          <h1>Payment Page</h1>
+          <PayButton />
+        </div>
+      ) : (
+        <h1>404 page not found</h1>
+      )}
+    </PayContainer>
   );
 };
 
diff --git a/src/app/payment/payButton.jsx b/src/app/payment/payButton.jsx
index b5ef1f8..91965bd 100644
--- a/src/app/payment/payButton.jsx
+++ b/src/app/payment/payButton.jsx
@@ -10,7 +10,7 @@ const PayButton = () => {
       body: JSON.stringify({
         amount: 100,
         orderId: 'unique_order_id_12345',
-        callbackUrl: `${window.location.origin}/callback`,
+        callbackUrl: `${window.location.origin}`,
       }),
     });