Enhancement: Adds a new button that redirect to inbox config page (#2066)

* Adds a new button that redirect to inbox config page

* Review fixes
This commit is contained in:
Sivin Varghese
2021-04-08 16:01:46 +05:30
committed by GitHub
parent 012502a2d1
commit 3e03b08ad0
2 changed files with 32 additions and 10 deletions

View File

@@ -5,7 +5,8 @@
"LIST": { "LIST": {
"404": "There are no inboxes attached to this account." "404": "There are no inboxes attached to this account."
}, },
"CREATE_FLOW": [{ "CREATE_FLOW": [
{
"title": "Choose Channel", "title": "Choose Channel",
"route": "settings_inbox_new", "route": "settings_inbox_new",
"body": "Choose the provider you want to integrate with Chatwoot." "body": "Choose the provider you want to integrate with Chatwoot."
@@ -193,6 +194,7 @@
"TITLE": "Your Inbox is ready!", "TITLE": "Your Inbox is ready!",
"MESSAGE": "You can now engage with your customers through your new Channel. Happy supporting ", "MESSAGE": "You can now engage with your customers through your new Channel. Happy supporting ",
"BUTTON_TEXT": "Take me there", "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." "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", "REAUTH": "Reauthorize",

View File

@@ -29,15 +29,26 @@
> >
</woot-code> </woot-code>
</div> </div>
<router-link <div class="footer">
class="button success nice" <router-link
:to="{ class="button hollow primary settings-button"
name: 'inbox_dashboard', :to="{
params: { inboxId: this.$route.params.inbox_id }, name: 'settings_inbox_show',
}" params: { inboxId: this.$route.params.inbox_id },
> }"
{{ $t('INBOX_MGMT.FINISH.BUTTON_TEXT') }} >
</router-link> {{ $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> </div>
</empty-state> </empty-state>
</div> </div>
@@ -90,4 +101,13 @@ export default {
margin: $space-normal auto; margin: $space-normal auto;
max-width: 70%; max-width: 70%;
} }
.footer {
display: flex;
justify-content: center;
}
.settings-button {
margin-right: var(--space-small);
}
</style> </style>