f34b913bd8
### What problem does this PR solve? Feat: Add Sessions component #3221 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
22 lines
704 B
TypeScript
22 lines
704 B
TypeScript
import ListFilterBar from '@/components/list-filter-bar';
|
|
import { useFetchNextDialogList } from '@/hooks/chat-hooks';
|
|
import { Plus } from 'lucide-react';
|
|
import { ChatCard } from './chat-card';
|
|
|
|
export default function ChatList() {
|
|
const { data: chatList } = useFetchNextDialogList();
|
|
|
|
return (
|
|
<section className="p-8">
|
|
<ListFilterBar title="Chat apps">
|
|
<Plus className="mr-2 h-4 w-4" />
|
|
Create app
|
|
</ListFilterBar>
|
|
<div className="grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-8">
|
|
{chatList.map((x) => {
|
|
return <ChatCard key={x.id} data={x}></ChatCard>;
|
|
})}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|