From 3e03b08ad0f6e855a5ad650b8271986423ef4cc2 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Date: Thu, 8 Apr 2021 16:01:46 +0530
Subject: [PATCH] Enhancement: Adds a new button that redirect to inbox config
 page (#2066)

* Adds a new button that redirect to inbox config page

* Review fixes
---
 .../dashboard/i18n/locale/en/inboxMgmt.json   |  4 +-
 .../dashboard/settings/inbox/FinishSetup.vue  | 38 ++++++++++++++-----
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json b/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json
index e63a40656..a1184f5db 100644
--- a/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json
+++ b/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json
@@ -5,7 +5,8 @@
     "LIST": {
       "404": "There are no inboxes attached to this account."
     },
-    "CREATE_FLOW": [{
+    "CREATE_FLOW": [
+      {
         "title": "Choose Channel",
         "route": "settings_inbox_new",
         "body": "Choose the provider you want to integrate with Chatwoot."
@@ -193,6 +194,7 @@
       "TITLE": "Your Inbox is ready!",
       "MESSAGE": "You can now engage with your customers through your new Channel. Happy supporting ",
       "BUTTON_TEXT": "Take me there",
+      "MORE_SETTINGS": "More settings",
       "WEBSITE_SUCCESS": "You have successfully finished creating a website channel. Copy the code shown below and paste it on your website. Next time a customer use the live chat, the conversation will automatically appear on your inbox."
     },
     "REAUTH": "Reauthorize",
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/FinishSetup.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/FinishSetup.vue
index 630bc0652..80b37079c 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/FinishSetup.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/FinishSetup.vue
@@ -29,15 +29,26 @@
           >
           </woot-code>
         </div>
-        <router-link
-          class="button success nice"
-          :to="{
-            name: 'inbox_dashboard',
-            params: { inboxId: this.$route.params.inbox_id },
-          }"
-        >
-          {{ $t('INBOX_MGMT.FINISH.BUTTON_TEXT') }}
-        </router-link>
+        <div class="footer">
+          <router-link
+            class="button hollow primary settings-button"
+            :to="{
+              name: 'settings_inbox_show',
+              params: { inboxId: this.$route.params.inbox_id },
+            }"
+          >
+            {{ $t('INBOX_MGMT.FINISH.MORE_SETTINGS') }}
+          </router-link>
+          <router-link
+            class="button success"
+            :to="{
+              name: 'inbox_dashboard',
+              params: { inboxId: this.$route.params.inbox_id },
+            }"
+          >
+            {{ $t('INBOX_MGMT.FINISH.BUTTON_TEXT') }}
+          </router-link>
+        </div>
       </div>
     </empty-state>
   </div>
@@ -90,4 +101,13 @@ export default {
   margin: $space-normal auto;
   max-width: 70%;
 }
+
+.footer {
+  display: flex;
+  justify-content: center;
+}
+
+.settings-button {
+  margin-right: var(--space-small);
+}
 </style>