28 lines
612 B
Vue
28 lines
612 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
import type { ThreadMessage } from '@/types/dredge.types';
|
|
|
|
const props = defineProps<{
|
|
message: ThreadMessage;
|
|
isOwn: boolean;
|
|
}>();
|
|
|
|
const label = computed(() =>
|
|
props.message.item_type?.includes('REACTION') ? 'Reacted to a message' : 'Sent an attachment',
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<p class="message-system" :class="{ 'message-system--own': isOwn }">{{ label }}</p>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.message-system {
|
|
font-style: italic;
|
|
color: var(--sediment-dim);
|
|
}
|
|
.message-system--own {
|
|
color: rgba(4, 20, 26, 0.7);
|
|
}
|
|
</style>
|