File size: 698 Bytes
b9fe2b4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
import ListFilterBar from '@/components/list-filter-bar';
import { useFetchChatAppList } from '@/hooks/chat-hooks';
import { Plus } from 'lucide-react';
import { ChatCard } from './chat-card';
export default function ChatList() {
const { data: chatList } = useFetchChatAppList();
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>
);
}
|