mirror of
https://github.com/Arcadia-Solutions/arcadia.git
synced 2025-12-20 08:49:36 -06:00
31 lines
677 B
Vue
31 lines
677 B
Vue
<template>
|
|
<div class="messages">
|
|
<GeneralComment
|
|
v-for="message in messages"
|
|
:key="message.id"
|
|
:comment="message"
|
|
:class="`message ${userStore.id === message.created_by.id ? 'sent' : 'received'}`"
|
|
:hasEditPermission="false"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { ConversationMessageHierarchy } from '@/services/api-schema'
|
|
import GeneralComment from '../community/GeneralComment.vue'
|
|
import { useUserStore } from '@/stores/user'
|
|
|
|
const userStore = useUserStore()
|
|
|
|
defineProps<{
|
|
messages: ConversationMessageHierarchy[]
|
|
}>()
|
|
</script>
|
|
|
|
<style>
|
|
.messages {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
</style>
|