Dismiss login page and go back to previous page asap when logging in

graphcommerce-org · Jan 15, 2024 · 2eca9da · 2eca9da
1 parent 1d87862
commit 2eca9da
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/rotten-lions-chew.md b/.changeset/rotten-lions-chew.md
@@ -0,0 +1,5 @@
+---
+"@graphcommerce/magento-customer": patch
+---
+
+feat(GCOM-1318): dismiss login page and go back to previous page asap when logging in
diff --git a/packages/magento-customer/hooks/useAccountSignInUpForm.tsx b/packages/magento-customer/hooks/useAccountSignInUpForm.tsx
@@ -9,6 +9,8 @@ import {
   IsEmailAvailableQueryVariables,
 } from './IsEmailAvailable.gql'
 import { useCustomerSession } from './useCustomerSession'
+import { useGo, usePageContext } from '@graphcommerce/framer-next-pages'
+import { useShowBack } from '@graphcommerce/next-ui/Layout/components/LayoutHeaderBack'
 
 export type UseFormIsEmailAvailableProps = {
   onSubmitted?: (data: { email: string }) => void
@@ -73,5 +75,11 @@ export function useAccountSignInUpForm(props: UseFormIsEmailAvailableProps = {})
     if (isValid && isSubmitSuccessful) mode = hasAccount ? 'signin' : 'signup'
   }
 
+  const { closeSteps = 0 } = usePageContext() ?? {}
+  useEffect(() => {
+    // Automatically close the overlay if the user is signed in
+    if (mode === 'signedin' && closeSteps > 0) window.history.go(closeSteps * -1)
+  }, [mode, closeSteps])
+
   return { mode, form, submit }
 }