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"
/>