diff --git a/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json b/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json index 574cf5b9b..8eefe5fde 100644 --- a/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json +++ b/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json @@ -65,7 +65,8 @@ "CONNECT_YOUR_TIKTOK_PROFILE": "Connect your TikTok Profile", "HELP": "To add your TikTok profile as a channel, you need to authenticate your TikTok Profile by clicking on 'Continue with TikTok' ", "ERROR_MESSAGE": "There was an error connecting to TikTok, please try again", - "ERROR_AUTH": "There was an error connecting to TikTok, please try again" + "ERROR_AUTH": "There was an error connecting to TikTok, please try again", + "NORTH_AMERICA_WARNING": "TikTok connections for North American accounts are temporarily unavailable while we wait for an update from the TikTok team." }, "TWITTER": { "HELP": "To add your Twitter profile as a channel, you need to authenticate your Twitter Profile by clicking on 'Sign in with Twitter' ", diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Tiktok.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Tiktok.vue index 50a326835..50f253603 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Tiktok.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Tiktok.vue @@ -3,8 +3,12 @@ import { ref, onMounted } from 'vue'; import { useI18n } from 'vue-i18n'; import tiktokClient from 'dashboard/api/channel/tiktokClient'; import Button from 'dashboard/components-next/button/Button.vue'; +import Banner from 'dashboard/components-next/banner/Banner.vue'; +import Icon from 'dashboard/components-next/icon/Icon.vue'; +import { useAccount } from 'dashboard/composables/useAccount'; const { t } = useI18n(); +const { isOnChatwootCloud } = useAccount(); const hasError = ref(false); const errorStateMessage = ref(''); @@ -56,23 +60,37 @@ const requestAuthorization = async () => {
- {{ $t('INBOX_MGMT.ADD.TIKTOK.HELP') }} -
- ++ {{ $t('INBOX_MGMT.ADD.TIKTOK.HELP') }} +
+ + +