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"
>
{{ step.title }}
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