From 14506cd92a1b5c152e02dd12f66b0041ad7fc822 Mon Sep 17 00:00:00 2001
From: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Date: Tue, 27 Feb 2024 18:16:40 +0530
Subject: [PATCH] refactor: updated handling of setup steps

---
 .../hoppscotch-sh-admin/src/pages/setup.vue   | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/packages/hoppscotch-sh-admin/src/pages/setup.vue b/packages/hoppscotch-sh-admin/src/pages/setup.vue
index 878e1acc9..0a3e9f750 100644
--- a/packages/hoppscotch-sh-admin/src/pages/setup.vue
+++ b/packages/hoppscotch-sh-admin/src/pages/setup.vue
@@ -1,22 +1,37 @@
 <template>
-  <SetupDataSharing @onSetupComplete="dataAnalyticsSetup" />
+  <SetupDataSharingAndNewsletter
+    @onSetupComplete="(status: boolean) => (isDataSharingAndNewsletterSetup = status)"
+  />
 </template>
 
 <script setup lang="ts">
+import { ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
+import { useI18n } from '~/composables/i18n';
+import { useToast } from '~/composables/toast';
 import { auth } from '~/helpers/auth';
 
+const t = useI18n();
+const toast = useToast();
 const router = useRouter();
-const dataAnalyticsSetup = async (status: boolean) => {
-  if (status) {
-    const result = await auth.updateFirstTimeInfraSetupStatus();
-    if (result) {
-      console.log('Data sharing setup complete');
 
-      router.push('/dashboard');
+const isDataSharingAndNewsletterSetup = ref(false);
+
+// Watcher is added for future proofing as we can have multiple setup steps in future
+watch(
+  () => isDataSharingAndNewsletterSetup.value,
+  async (status) => {
+    if (status) {
+      const result = await auth.updateFirstTimeInfraSetupStatus();
+      if (result) {
+        toast.success(t('state.setup_success'));
+        router.push('/dashboard');
+      } else {
+        toast.error(t('state.setup_failure'));
+      }
     }
   }
-};
+);
 </script>
 
 <route lang="yaml">