fix login code

Prototypr · Jun 20, 2024 · 6a1134b · 6a1134b
1 parent 3882900
commit 6a1134b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/components/sign-in/LoginForm.jsx b/components/sign-in/LoginForm.jsx
@@ -1,7 +1,7 @@
 import { signIn } from "next-auth/react";
 // import Button from "../atom/Button/Button";
 import Button from "../Primitives/Button";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import dynamic from "next/dynamic";
 import axios from "axios";
 import Link from "next/link";
@@ -20,8 +20,13 @@ const LoginForm = ({
   user,
   toggleSignIn,
   inviteeEmail,
+  initialInviteCode
 }) => {
-  const [inviteCode, setInviteCode] = useState(false);
+  const [inviteCode, setInviteCode] = useState(null);
+
+  useEffect(()=>{
+    setInviteCode(initialInviteCode)
+  },[initialInviteCode])
 
   return (
     <div className="flex flex-col bg-[#fff] w-full rounded-3xl">
@@ -31,6 +36,7 @@ const LoginForm = ({
           title={title}
           toggleSignIn={toggleSignIn}
           setInviteCode={setInviteCode}
+          initialInviteCode={initialInviteCode}
         />
       ) : (
         <ProviderForm

diff --git a/pages/onboard.js b/pages/onboard.js
@@ -16,6 +16,7 @@ export default function Index({allTags}) {
   const router = useRouter();
 
   const [inviteeEmail,setInviteeEmail] = useState(false)
+  const [inviteCode,setInviteCode] = useState(false)
 
   const { user } = useUser({
     // redirectTo: '/account',
@@ -35,6 +36,10 @@ export default function Index({allTags}) {
     if(router.query?.inviteeemail){
       setInviteeEmail(router.query?.inviteeemail)
     }
+    if(router.query?.invite_code){
+      // console.log(router.query?.code)
+      setInviteCode(router.query?.invite_code)
+    }
   },[router.query])
 
   const [isSignUp, setSignUp] = useState(true);
@@ -69,7 +74,7 @@ export default function Index({allTags}) {
             </div>:''}
             {user && !user?.isLoggedIn ? (
               <div className="w-full h-full bg-white grid place-items-center">
-                  <LoginForm inviteeEmail={inviteeEmail} user={user} isSignUp={isSignUp} toggleSignIn={toggleSignIn} />
+                  <LoginForm initialInviteCode={inviteCode} inviteeEmail={inviteeEmail} user={user} isSignUp={isSignUp} toggleSignIn={toggleSignIn} />
 
               </div>
             ) : (