diff --git a/app/javascript/dashboard/components-next/Campaigns/CampaignCard/CampaignCard.vue b/app/javascript/dashboard/components-next/Campaigns/CampaignCard/CampaignCard.vue index 304e55347..c95eba8c8 100644 --- a/app/javascript/dashboard/components-next/Campaigns/CampaignCard/CampaignCard.vue +++ b/app/javascript/dashboard/components-next/Campaigns/CampaignCard/CampaignCard.vue @@ -8,6 +8,7 @@ import CardLayout from 'dashboard/components-next/CardLayout.vue'; import Button from 'dashboard/components-next/button/Button.vue'; import LiveChatCampaignDetails from './LiveChatCampaignDetails.vue'; import SMSCampaignDetails from './SMSCampaignDetails.vue'; +import VoiceCampaignDetails from './VoiceCampaignDetails.vue'; const props = defineProps({ title: { @@ -22,6 +23,10 @@ const props = defineProps({ type: Boolean, default: false, }, + isVoiceType: { + type: Boolean, + default: false, + }, isEnabled: { type: Boolean, default: false, @@ -67,6 +72,12 @@ const campaignStatus = computed(() => { ? t('CAMPAIGN.LIVE_CHAT.CARD.STATUS.ENABLED') : t('CAMPAIGN.LIVE_CHAT.CARD.STATUS.DISABLED'); } + + if (props.isVoiceType) { + return props.status === STATUS_COMPLETED + ? t('CAMPAIGN.VOICE.CARD.STATUS.COMPLETED') + : t('CAMPAIGN.VOICE.CARD.STATUS.SCHEDULED'); + } return props.status === STATUS_COMPLETED ? t('CAMPAIGN.SMS.CARD.STATUS.COMPLETED') @@ -108,6 +119,12 @@ const inboxIcon = computed(() => { :inbox-name="inboxName" :inbox-icon="inboxIcon" /> + {