This PR adds the unsupported messages for tiktok. Fixes https://linear.app/chatwoot/issue/CW-6407/add-support-for-unsupported-message
28 lines
848 B
Vue
28 lines
848 B
Vue
<script setup>
|
|
import { computed } from 'vue';
|
|
import { useMessageContext } from '../provider.js';
|
|
import { useInbox } from 'dashboard/composables/useInbox';
|
|
import BaseBubble from './Base.vue';
|
|
|
|
const { inboxId } = useMessageContext();
|
|
|
|
const { isAFacebookInbox, isAnInstagramChannel, isATiktokChannel } = useInbox(
|
|
inboxId.value
|
|
);
|
|
|
|
const unsupportedMessageKey = computed(() => {
|
|
if (isAFacebookInbox.value)
|
|
return 'CONVERSATION.UNSUPPORTED_MESSAGE_FACEBOOK';
|
|
if (isAnInstagramChannel.value)
|
|
return 'CONVERSATION.UNSUPPORTED_MESSAGE_INSTAGRAM';
|
|
if (isATiktokChannel.value) return 'CONVERSATION.UNSUPPORTED_MESSAGE_TIKTOK';
|
|
return 'CONVERSATION.UNSUPPORTED_MESSAGE';
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<BaseBubble class="px-4 py-3 text-sm" data-bubble-name="unsupported">
|
|
{{ $t(unsupportedMessageKey) }}
|
|
</BaseBubble>
|
|
</template>
|