brutalism design

This commit is contained in:
2026-05-22 06:01:27 +06:00
parent 5d45c9674f
commit d06892e990
9 changed files with 68 additions and 57 deletions

View File

@@ -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)