brutalism design
This commit is contained in:
@@ -1,8 +1,11 @@
|
||||
<template>
|
||||
<div class="chat-messages">
|
||||
<div v-if="messages" ref="scroll" class="chat-messages__list">
|
||||
<ChatMessage v-for="message in messages" :key="message.id" :message="message" />
|
||||
<ChatMessage v-for="item in feedItems" :key="item.id" :message="item" />
|
||||
<div v-if="messageGroups.length" ref="scroll" class="chat-messages__list">
|
||||
<ChatMessageGroup
|
||||
v-for="group in messageGroups"
|
||||
:key="`group-${group.messages[0].id}`"
|
||||
:group="group"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<ChadSpinner v-if="isFetching" class="chat-messages__spinner" />
|
||||
@@ -18,7 +21,7 @@ import { ArrowDown } from '@lucide/vue'
|
||||
import ChadSpinner from '@shared/components/ui/Spinner.vue'
|
||||
import { useEventBus } from '@shared/composables/use-event-bus.ts'
|
||||
import { useChatScroll } from '@widgets/chat/composables/use-chat-scroll.ts'
|
||||
import ChatMessage from '@widgets/chat/ui/ChatMessage.vue'
|
||||
import ChatMessageGroup from '@widgets/chat/ui/ChatMessageGroup.vue'
|
||||
import { onUnmounted, ref, useTemplateRef, watch } from 'vue'
|
||||
import { useChat } from '../composables/use-chat'
|
||||
|
||||
@@ -26,7 +29,7 @@ const eventBus = useEventBus()
|
||||
|
||||
const scrollRef = useTemplateRef('scroll')
|
||||
|
||||
const { messages, feedItems, hasMoreMessages, fetchNextPage, isFetching } = useChat()
|
||||
const { messageGroups, hasMoreMessages, fetchNextPage, isFetching } = useChat()
|
||||
|
||||
const hasUnreadMessages = ref(false)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user