Merge pull request #10877 from hassnian/issue-10876

fix: Onboarding profile creation modal shown multiple times per session
kodadot · Aug 26, 2024 · 9842d91 · 9842d91
2 parents 090d8af + 2eca00f
commit 9842d91
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/components/profile/ProfileDetail.vue b/components/profile/ProfileDetail.vue
@@ -493,6 +493,8 @@ const { accountId } = useAuth()
 const { urlPrefix, client, setUrlPrefix } = usePrefix()
 const { shareOnX, shareOnFarcaster } = useSocialShare()
 const { redirectAfterChainChange } = useChainRedirect()
+const profileOnboardingStore = useProfileOnboardingStore()
+const { getIsOnboardingShown } = storeToRefs(profileOnboardingStore)
 
 const { isRemark, isSub } = useIsChain(urlPrefix)
 const listingCartStore = useListingCartStore()
@@ -798,7 +800,8 @@ watch(() => getPrefixByAddress(route.params.id.toString()), (prefix) => {
 })
 
 watchEffect(() => {
-  if (!hasProfile.value && !isFetchingProfile.value && isOwner.value) {
+  if (!hasProfile.value && !isFetchingProfile.value && isOwner.value && !getIsOnboardingShown.value) {
+    profileOnboardingStore.setOnboardingShown()
     openProfileCreateModal()
   }
 })

diff --git a/stores/profileOnboarding.ts b/stores/profileOnboarding.ts
@@ -17,6 +17,7 @@ export const useProfileOnboardingStore = defineStore('profileOnboarding', {
       const { accountId } = useAuth()
       return accountId.value && !state.onboardingShown && state.sidebarToggled && state.carouselVisited
     },
+    getIsOnboardingShown: state => state.onboardingShown,
   },
   actions: {
     setOnboardingShown() {