diff --git a/app/javascript/dashboard/components-next/message/MessageMeta.vue b/app/javascript/dashboard/components-next/message/MessageMeta.vue index d2ddd2c77..8d7c22dab 100644 --- a/app/javascript/dashboard/components-next/message/MessageMeta.vue +++ b/app/javascript/dashboard/components-next/message/MessageMeta.vue @@ -22,8 +22,14 @@ const { isAInstagramChannel, } = useInbox(); -const { status, isPrivate, createdAt, sourceId, messageType } = - useMessageContext(); +const { + status, + isPrivate, + createdAt, + sourceId, + messageType, + contentAttributes, +} = useMessageContext(); const readableTime = computed(() => messageTimestamp(createdAt.value, 'LLL d, h:mm a') @@ -31,6 +37,11 @@ const readableTime = computed(() => const showStatusIndicator = computed(() => { if (isPrivate.value) return false; + // Don't show status for failed messages, we already show error message + if (status.value === MESSAGE_STATUS.FAILED) return false; + // Don't show status for deleted messages + if (contentAttributes.value?.deleted) return false; + if (messageType.value === MESSAGE_TYPES.OUTGOING) return true; if (messageType.value === MESSAGE_TYPES.TEMPLATE) return true;