From 55e1cd92ac7b06fd1f394760157087e08bb1ba6a Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
Date: Mon, 12 Feb 2024 18:20:21 +0530
Subject: [PATCH] Adds founders note

---
 .../routes/dashboard/dashboard.routes.js      | 14 ++++++-------
 .../v3/views/onboarding/FoundersNote.vue      | 21 ++++++++++++++++---
 .../dashboard/onboarding/waving-hand.svg      |  5 +++++
 3 files changed, 30 insertions(+), 10 deletions(-)
 create mode 100644 public/assets/images/dashboard/onboarding/waving-hand.svg

diff --git a/app/javascript/dashboard/routes/dashboard/dashboard.routes.js b/app/javascript/dashboard/routes/dashboard/dashboard.routes.js
index 8ed177eed..6c2fe7f59 100644
--- a/app/javascript/dashboard/routes/dashboard/dashboard.routes.js
+++ b/app/javascript/dashboard/routes/dashboard/dashboard.routes.js
@@ -12,7 +12,8 @@ const RouteLayout = () => import('v3/views/onboarding/RouteLayout.vue');
 const SetupProfile = () => import('v3/views/onboarding/SetupProfile.vue');
 const SetupCompany = () => import('v3/views/onboarding/SetupCompany.vue');
 const InviteTeam = () => import('v3/views/onboarding/InviteTeam.vue');
-// const FoundersNote = () => import('v3/views/onboarding/FoundersNote.vue');
+const FoundersNote = () => import('v3/views/onboarding/FoundersNote.vue');
+
 export default {
   routes: [
     ...helpcenterRoutes.routes,
@@ -54,11 +55,10 @@ export default {
         },
       ],
     },
-
-    // {
-    //   path: frontendURL('accounts/:accountId/start/founders-note'),
-    //   name: 'onboarding_founders_note',
-    //   component: FoundersNote,
-    // },
+    {
+      path: frontendURL('accounts/:accountId/start/founders-note'),
+      name: 'onboarding_founders_note',
+      component: FoundersNote,
+    },
   ],
 };
diff --git a/app/javascript/v3/views/onboarding/FoundersNote.vue b/app/javascript/v3/views/onboarding/FoundersNote.vue
index 26686688f..cad545e3c 100644
--- a/app/javascript/v3/views/onboarding/FoundersNote.vue
+++ b/app/javascript/v3/views/onboarding/FoundersNote.vue
@@ -11,7 +11,7 @@
         class="flex-1 min-h-[640px] inline-flex items-center h-full justify-center overflow-auto py-6"
       >
         <div
-          class="p-10 max-w-[560px] w-full overflow-auto bg-white dark:bg-slate-900 border border-solid border-slate-100 dark:border-slate-800 rounded-xl"
+          class="p-10 max-w-[560px] w-full overflow-auto bg-white dark:bg-slate-900 border border-solid border-slate-100 dark:border-slate-800 rounded-2xl"
         >
           <section class="mt-4 space-y-6 text-sm leading-relaxed">
             <div
@@ -28,7 +28,7 @@
                 a note from the founder
               </p>
               <h3 class="text-slate-900 dark:text-white text-3xl font-semibold">
-                Hey {{ user.name }},
+                Hey {{ userName }},
               </h3>
             </div>
             <p>
@@ -56,6 +56,7 @@
           <submit-button
             button-class="flex justify-center w-full text-sm text-center mt-8"
             :button-text="$t('ONBOARDING.FOUNDERS_NOTE.SUBMIT')"
+            @click="onSubmit"
           />
         </div>
       </div>
@@ -65,6 +66,7 @@
 
 <script>
 import SubmitButton from 'dashboard/components/buttons/FormSubmitButton.vue';
+import { mapGetters } from 'vuex';
 
 export default {
   components: {
@@ -73,9 +75,22 @@ export default {
   data() {
     return {
       user: {
-        name: 'Alex Morgan',
+        name: '',
       },
     };
   },
+  computed: {
+    ...mapGetters({
+      currentUser: 'getCurrentUser',
+    }),
+    userName() {
+      return this.currentUser.name;
+    },
+  },
+  methods: {
+    onSubmit() {
+      this.$router.push({ name: 'home' });
+    },
+  },
 };
 </script>
diff --git a/public/assets/images/dashboard/onboarding/waving-hand.svg b/public/assets/images/dashboard/onboarding/waving-hand.svg
new file mode 100644
index 000000000..2164813a5
--- /dev/null
+++ b/public/assets/images/dashboard/onboarding/waving-hand.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="waving_hand_FILL0_wght400_GRAD0_opsz24 1">
+<path id="Vector" d="M14.3322 15.8336L23.7655 6.40029C24.0322 6.13363 24.3433 6.00029 24.6988 6.00029C25.0544 6.00029 25.3655 6.13363 25.6322 6.40029C25.8988 6.66696 26.0322 6.97807 26.0322 7.33363C26.0322 7.68918 25.8988 8.00029 25.6322 8.26696L16.2322 17.7003L14.3322 15.8336ZM17.6322 19.1336L26.0988 10.6336C26.3655 10.367 26.6822 10.2336 27.0488 10.2336C27.4155 10.2336 27.7322 10.367 27.9988 10.6336C28.2655 10.9003 28.3988 11.217 28.3988 11.5836C28.3988 11.9503 28.2655 12.267 27.9988 12.5336L19.5322 21.0003L17.6322 19.1336ZM7.03216 25.467C5.00994 23.4447 3.99883 21.0114 3.99883 18.167C3.99883 15.3225 5.00994 12.8892 7.03216 10.867L11.0322 6.86696L12.9988 8.83363C13.1544 8.98918 13.2877 9.15029 13.3988 9.31696C13.5099 9.48363 13.621 9.65585 13.7322 9.83363L18.6655 4.86696C18.9322 4.60029 19.2488 4.46696 19.6155 4.46696C19.9822 4.46696 20.2988 4.60029 20.5655 4.86696C20.8322 5.13363 20.9655 5.45029 20.9655 5.81696C20.9655 6.18363 20.8322 6.50029 20.5655 6.76696L14.7988 12.5336L11.9655 15.3336L12.5988 15.967C13.621 16.9892 14.1099 18.2114 14.0655 19.6336C14.021 21.0558 13.4766 22.2892 12.4322 23.3336L10.5322 21.467C11.0433 20.9558 11.3266 20.3503 11.3822 19.6503C11.4377 18.9503 11.2099 18.3447 10.6988 17.8336L9.13216 16.3003C8.86549 16.0336 8.73216 15.717 8.73216 15.3503C8.73216 14.9836 8.86549 14.667 9.13216 14.4003L11.0322 12.5336C11.2988 12.267 11.4322 11.9503 11.4322 11.5836C11.4322 11.217 11.2988 10.9003 11.0322 10.6336L8.89883 12.767C7.38772 14.2781 6.63216 16.0836 6.63216 18.1836C6.63216 20.2836 7.38772 22.0892 8.89883 23.6003C10.4099 25.1114 12.2211 25.867 14.3322 25.867C16.4433 25.867 18.2544 25.1114 19.7655 23.6003L27.7322 15.6003C27.9988 15.3336 28.3155 15.2003 28.6822 15.2003C29.0488 15.2003 29.3655 15.3336 29.6322 15.6003C29.8988 15.867 30.0322 16.1836 30.0322 16.5503C30.0322 16.917 29.8988 17.2336 29.6322 17.5003L21.6322 25.467C19.6099 27.4892 17.1766 28.5003 14.3322 28.5003C11.4877 28.5003 9.05438 27.4892 7.03216 25.467ZM22.6655 31.2003V28.5003C24.1322 28.5003 25.3877 27.9781 26.4322 26.9336C27.4766 25.8892 27.9988 24.6336 27.9988 23.167H30.6988C30.6988 25.3892 29.9155 27.2836 28.3488 28.8503C26.7822 30.417 24.8877 31.2003 22.6655 31.2003ZM1.29883 9.83363C1.29883 7.6114 2.08216 5.71696 3.64883 4.15029C5.21549 2.58363 7.10994 1.80029 9.33216 1.80029V4.50029C7.86549 4.50029 6.60994 5.02252 5.56549 6.06696C4.52105 7.1114 3.99883 8.36696 3.99883 9.83363H1.29883Z" fill="#1F93FF"/>
+</g>
+</svg>