contacts: use ui/Card component

This commit is contained in:
vchikalkin 2025-01-27 17:27:07 +03:00
parent d56fc90e4d
commit 5b03631512

View File

@ -1,17 +1,20 @@
import { ContactsList } from '@/components/contacts/contacts-list'; import { ContactsList } from '@/components/contacts/contacts-list';
import { ContactsFilter } from '@/components/contacts/dropdown-filter'; import { ContactsFilter } from '@/components/contacts/dropdown-filter';
import { ContactsFilterProvider } from '@/context/contacts-filter'; import { ContactsFilterProvider } from '@/context/contacts-filter';
import { Card } from '@repo/ui/components/ui/card';
export default function ContactsPage() { export default function ContactsPage() {
return ( return (
<ContactsFilterProvider> <ContactsFilterProvider>
<div className="flex flex-row items-center justify-between space-x-4 bg-background p-4"> <Card>
<h1 className="text-2xl font-bold">Контакты</h1> <div className="flex flex-row items-center justify-between space-x-4 p-4">
<ContactsFilter /> <h1 className="text-2xl font-bold">Контакты</h1>
</div> <ContactsFilter />
<div className="bg-background p-4 pt-0"> </div>
<ContactsList /> <div className="p-4 pt-0">
</div> <ContactsList />
</div>
</Card>
</ContactsFilterProvider> </ContactsFilterProvider>
); );
} }