fix: payment page (#243)

* fix:remove playground and unnecessary files * feat: added payment * fix: env vars * fix: env vars * fix: hydration err
dscnitrourkela · Nov 3, 2024 · 2e6113d · 2e6113d
1 parent c55adf3
commit 2e6113d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 19 deletions.
diff --git 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 = [
     '[email protected]',
     '[email protected]',
     '[email protected]',
   ];
 
-  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
@@ -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}`,
       }),
     });