jan/web/screens/Chat/index.tsx

28 lines
798 B
TypeScript

import React from 'react'
import ChatBody from '@/_components/ChatBody'
import InputToolbar from '@/_components/InputToolbar'
import HistoryList from '@/_components/HistoryList'
import MainHeader from '@/_components/MainHeader'
import LeftHeaderAction from '@/_components/LeftHeaderAction'
const ChatScreen = () => {
return (
<div className="flex h-full">
<div className="flex h-full w-64 flex-shrink-0 flex-col overflow-y-auto border-r border-border ">
<div className="px-4 py-6 pt-4">
<LeftHeaderAction />
<HistoryList />
</div>
</div>
<div className="relative flex h-full w-full flex-col bg-background/50">
<MainHeader />
<ChatBody />
<InputToolbar />
</div>
</div>
)
}
export default ChatScreen