fix: signup toggle

tapexyz · Feb 27, 2024 · 27519f9 · 27519f9
1 parent ce98ea9
commit 27519f9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/apps/web/next.config.js b/apps/web/next.config.js
@@ -54,6 +54,11 @@ const moduleExports = {
         destination: '/u/:namespace/:handle',
         permanent: true
       },
+      {
+        source: '/signup',
+        destination: '/login?signup=true',
+        permanent: true
+      },
       {
         source: '/discord',
         destination:

diff --git a/apps/web/src/components/Login/Authenticate.tsx b/apps/web/src/components/Login/Authenticate.tsx
@@ -26,15 +26,15 @@ import {
   WarningOutline
 } from '@tape.xyz/ui'
 import { useRouter } from 'next/router'
-import React, { memo, useCallback, useMemo, useState } from 'react'
+import React, { memo, useCallback, useEffect, useMemo, useState } from 'react'
 import toast from 'react-hot-toast'
 import { useAccount, useSignMessage } from 'wagmi'
 
 import Signup from './Signup'
 
 const Authenticate = () => {
   const {
-    query: { as }
+    query: { as, signup }
   } = useRouter()
 
   const [loading, setLoading] = useState(false)
@@ -46,6 +46,12 @@ const Authenticate = () => {
   const { address, connector, isConnected } = useAccount()
   const { resetStore: resetApolloStore } = useApolloClient()
 
+  useEffect(() => {
+    if (signup) {
+      setShowSignup(true)
+    }
+  }, [signup])
+
   const onError = () => {
     signOut()
   }
@@ -63,7 +69,6 @@ const Authenticate = () => {
     onCompleted: (data) => {
       const profiles = data?.profilesManaged.items
       if (profiles?.length) {
-        setShowSignup(false)
         const profile = [...profiles].reverse()[0]
         setSelectedProfileId(as || profile.id)
       } else {
@@ -178,7 +183,10 @@ const Authenticate = () => {
     <div className="space-y-4 text-left">
       {!IS_MAINNET && showSignup ? (
         <Signup
-          onSuccess={() => refetch()}
+          onSuccess={() => {
+            setShowSignup(false)
+            refetch()
+          }}
           setShowSignup={setShowSignup}
           showLogin={Boolean(profile)}
         />