From b71428b682d376fc2daf984b874fa12a461780ae Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 22 Jan 2025 18:18:43 +0530
Subject: [PATCH] feat: add billing router

---
 .../captain/pageComponents/Paywall.vue            | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/components-next/captain/pageComponents/Paywall.vue b/app/javascript/dashboard/components-next/captain/pageComponents/Paywall.vue
index 92ada6390..f237803dc 100644
--- a/app/javascript/dashboard/components-next/captain/pageComponents/Paywall.vue
+++ b/app/javascript/dashboard/components-next/captain/pageComponents/Paywall.vue
@@ -1,7 +1,18 @@
 <script setup>
+import { useRouter } from 'vue-router';
+import { useAccount } from 'dashboard/composables/useAccount';
+
 import BasePaywallModal from 'dashboard/routes/dashboard/settings/components/BasePaywallModal.vue';
 
-const emit = defineEmits(['upgrade']);
+const router = useRouter();
+const { accountId } = useAccount();
+
+const openBilling = () => {
+  router.push({
+    name: 'billing_settings_index',
+    params: { accountId: accountId.value },
+  });
+};
 </script>
 
 <template>
@@ -13,7 +24,7 @@ const emit = defineEmits(['upgrade']);
       feature-prefix="CAPTAIN"
       i18n-key="PAYWALL"
       is-on-chatwoot-cloud
-      @upgrade="emit('upgrade')"
+      @upgrade="openBilling"
     />
   </div>
 </template>