File size: 788 Bytes
a8aec61 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
'use client'
import { usePlaygroundStore } from '@/store'
import Messages from './Messages'
import ScrollToBottom from '@/components/playground/ChatArea/ScrollToBottom'
import { StickToBottom } from 'use-stick-to-bottom'
const MessageArea = () => {
const { messages } = usePlaygroundStore()
return (
<StickToBottom
className="relative mb-4 flex max-h-[calc(100vh-64px)] min-h-0 flex-grow flex-col"
resize="smooth"
initial="smooth"
>
<StickToBottom.Content className="flex min-h-full flex-col justify-center">
<div className="mx-auto w-full max-w-2xl space-y-9 px-4 pb-4">
<Messages messages={messages} />
</div>
</StickToBottom.Content>
<ScrollToBottom />
</StickToBottom>
)
}
export default MessageArea
|