Initial Commit

2026-08-28 23:30:01 +10:00
parent cc225414e0
commit 3ce70b3701
5 changed files with 227 additions and 158 deletions
@@ -0,0 +1,27 @@
+<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>