diff --git a/app/javascript/dashboard/components/ChannelSelector.vue b/app/javascript/dashboard/components/ChannelSelector.vue index ef5256577..e6a67cd7e 100644 --- a/app/javascript/dashboard/components/ChannelSelector.vue +++ b/app/javascript/dashboard/components/ChannelSelector.vue @@ -24,6 +24,10 @@ defineProps({ type: Boolean, default: false, }, + hasVoiceBadge: { + type: Boolean, + default: false, + }, }); const { t } = useI18n(); @@ -38,10 +42,18 @@ const { t } = useI18n(); 'cursor-not-allowed disabled:opacity-80': isComingSoon, }" > -
- +
+
+ +
+
+ +
diff --git a/app/javascript/dashboard/components/widgets/ChannelItem.vue b/app/javascript/dashboard/components/widgets/ChannelItem.vue index 2cbad72c5..07759183d 100644 --- a/app/javascript/dashboard/components/widgets/ChannelItem.vue +++ b/app/javascript/dashboard/components/widgets/ChannelItem.vue @@ -81,6 +81,13 @@ const isBeta = computed(() => { return ['tiktok', 'voice'].includes(props.channel.key); }); +const hasVoiceBadge = computed(() => { + return ( + ['voice', 'whatsapp'].includes(props.channel.key) && + !!props.enabledFeatures.channel_voice + ); +}); + const onItemClick = () => { if (isActive.value) { emit('channelItemClick', props.channel.key); @@ -95,6 +102,7 @@ const onItemClick = () => { :icon="channel.icon" :is-coming-soon="isComingSoon" :is-beta="isBeta" + :has-voice-badge="hasVoiceBadge" :disabled="!isActive" @click="onItemClick" />