From 74c11ef48bb90630fa4ec80b35cd24f4897ee67f Mon Sep 17 00:00:00 2001
From: Mike <mike.tasset@gmail.com>
Date: Tue, 22 Apr 2025 10:42:12 +0200
Subject: [PATCH] Fix: explore plans redirect (#4518)

---
 packages/frontend-2/components/viewer/limits/Dialog.vue        | 3 +++
 .../workspace/plan/ProjectModelLimitReachedDialog.vue          | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/packages/frontend-2/components/viewer/limits/Dialog.vue b/packages/frontend-2/components/viewer/limits/Dialog.vue
index f71925cf9..3ebd5ed71 100644
--- a/packages/frontend-2/components/viewer/limits/Dialog.vue
+++ b/packages/frontend-2/components/viewer/limits/Dialog.vue
@@ -18,6 +18,7 @@ import { modelRoute, settingsWorkspaceRoutes } from '~/lib/common/helpers/route'
 import { useEmbed } from '~/lib/viewer/composables/setup/embed'
 import { useWorkspaceLimits } from '~/lib/workspaces/composables/limits'
 import { useMixpanel } from '~/lib/core/composables/mp'
+import { useNavigation } from '~/lib/navigation/composables/navigation'
 
 type LimitType = 'version' | 'comment' | 'federated'
 
@@ -32,6 +33,7 @@ const props = defineProps<{
 const { isEnabled: isEmbedEnabled } = useEmbed()
 const { versionLimitFormatted } = useWorkspaceLimits(props.workspaceSlug)
 const mixpanel = useMixpanel()
+const { mutateActiveWorkspaceSlug } = useNavigation()
 
 const dialogOpen = defineModel<boolean>('open', {
   required: true
@@ -105,6 +107,7 @@ const explorePlansButton: LayoutDialogButton = {
       // eslint-disable-next-line camelcase
       workspace_id: props.workspaceSlug
     })
+    mutateActiveWorkspaceSlug(props.workspaceSlug)
     return navigateTo(settingsWorkspaceRoutes.billing.route(props.workspaceSlug || ''))
   }
 }
diff --git a/packages/frontend-2/components/workspace/plan/ProjectModelLimitReachedDialog.vue b/packages/frontend-2/components/workspace/plan/ProjectModelLimitReachedDialog.vue
index 58857fbf4..cdc3a1105 100644
--- a/packages/frontend-2/components/workspace/plan/ProjectModelLimitReachedDialog.vue
+++ b/packages/frontend-2/components/workspace/plan/ProjectModelLimitReachedDialog.vue
@@ -20,6 +20,7 @@ import { settingsWorkspaceRoutes } from '~/lib/common/helpers/route'
 import { useWorkspaceLimits } from '~/lib/workspaces/composables/limits'
 import { formatName } from '~/lib/billing/helpers/plan'
 import { useMixpanel } from '~/lib/core/composables/mp'
+import { useNavigation } from '~/lib/navigation/composables/navigation'
 
 const props = defineProps<{
   workspaceSlug: string
@@ -32,6 +33,7 @@ const props = defineProps<{
 
 const mixpanel = useMixpanel()
 const { limits } = useWorkspaceLimits(props.workspaceSlug)
+const { mutateActiveWorkspaceSlug } = useNavigation()
 
 const dialogOpen = defineModel<boolean>('open', {
   required: true
@@ -48,6 +50,7 @@ const explorePlansButton: LayoutDialogButton = {
       // eslint-disable-next-line camelcase
       workspace_id: props.workspaceSlug
     })
+    mutateActiveWorkspaceSlug(props.workspaceSlug)
     return navigateTo(settingsWorkspaceRoutes.billing.route(props.workspaceSlug || ''))
   }
 }