From 6ab8d8ded1d9a039bb6dd73ab05096286bef9f04 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 12 Mar 2025 16:03:26 +0530
Subject: [PATCH] fix: route to leads when create first lead step is clicked

---
 frontend/src/components/Modals/HelpModal.vue |  1 +
 frontend/src/composables/onboarding.js       | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/frontend/src/components/Modals/HelpModal.vue b/frontend/src/components/Modals/HelpModal.vue
index 432a2e5f..067c357b 100644
--- a/frontend/src/components/Modals/HelpModal.vue
+++ b/frontend/src/components/Modals/HelpModal.vue
@@ -52,6 +52,7 @@
                 ? 'text-ink-gray-5 line-through'
                 : 'text-ink-gray-8',
             ]"
+            @click="step.onClick"
           >
             <component :is="step.icon" class="h-4" />
             <div class="text-base">{{ step.title }}</div>
diff --git a/frontend/src/composables/onboarding.js b/frontend/src/composables/onboarding.js
index d8b17111..a8ff7ea3 100644
--- a/frontend/src/composables/onboarding.js
+++ b/frontend/src/composables/onboarding.js
@@ -6,8 +6,11 @@ import CommentIcon from '@/components/Icons/CommentIcon.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
 import TaskIcon from '@/components/Icons/TaskIcon.vue'
 import StepsIcon from '@/components/Icons/StepsIcon.vue'
+import { useRouter } from 'vue-router'
 import { ref, reactive, computed, markRaw } from 'vue'
 
+let router
+
 const minimize = ref(false)
 
 const steps = reactive([
@@ -16,6 +19,12 @@ const steps = reactive([
     title: 'Create your first lead',
     icon: markRaw(LeadsIcon),
     completed: false,
+    onClick: () => {
+      if (steps[0].completed) return
+      minimize.value = true
+
+      router.push({ name: 'Leads' })
+    },
   },
   {
     name: 'invite_your_team',
@@ -71,6 +80,8 @@ const completedPercentage = computed(() =>
 )
 
 export function useOnboarding() {
+  router = useRouter()
+
   function checkOnboardingStatus() {
     let user = window.user
     if (!user) return false