From 5b036315124f8db88d8de4eae00aafc39428f7b8 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Mon, 27 Jan 2025 17:27:07 +0300
Subject: [PATCH] contacts: use ui/Card component

---
 apps/web/app/(main)/contacts/page.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

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