Admin/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance contact cards with dynamic type filtering and hover effects

Browse Source
This commit is contained in:
chop
2026-01-26 22:46:24 +01:00
parent 7335d17900
commit cb815177a1
1 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/contacts/page.js
View File

@@ -207,7 +207,10 @@ export default function ContactsPage() {
{/* Stats */} {/* Stats */}
{stats && ( {stats && (
<div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4 mb-6"> <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4 mb-6">
<Card> <Card
className={`cursor-pointer transition-all hover:shadow-lg ${typeFilter === 'all' ? 'ring-2 ring-gray-900' : ''}`}
onClick={() => setTypeFilter('all')}
>
<CardContent className="p-4"> <CardContent className="p-4">
<div className="text-2xl font-bold text-gray-900"> <div className="text-2xl font-bold text-gray-900">
{stats.total_contacts} {stats.total_contacts}
@@ -215,7 +218,10 @@ export default function ContactsPage() {
<div className="text-sm text-gray-600">Wszystkie</div> <div className="text-sm text-gray-600">Wszystkie</div>
</CardContent> </CardContent>
</Card> </Card>
<Card> <Card
className={`cursor-pointer transition-all hover:shadow-lg ${typeFilter === 'project' ? 'ring-2 ring-blue-600' : ''}`}
onClick={() => setTypeFilter('project')}
>
<CardContent className="p-4"> <CardContent className="p-4">
<div className="text-2xl font-bold text-blue-600"> <div className="text-2xl font-bold text-blue-600">
{stats.project_contacts} {stats.project_contacts}
@@ -223,7 +229,10 @@ export default function ContactsPage() {
<div className="text-sm text-gray-600">Projekty</div> <div className="text-sm text-gray-600">Projekty</div>
</CardContent> </CardContent>
</Card> </Card>
<Card> <Card
className={`cursor-pointer transition-all hover:shadow-lg ${typeFilter === 'contractor' ? 'ring-2 ring-orange-600' : ''}`}
onClick={() => setTypeFilter('contractor')}
>
<CardContent className="p-4"> <CardContent className="p-4">
<div className="text-2xl font-bold text-orange-600"> <div className="text-2xl font-bold text-orange-600">
{stats.contractor_contacts} {stats.contractor_contacts}
@@ -231,7 +240,10 @@ export default function ContactsPage() {
<div className="text-sm text-gray-600">Wykonawcy</div> <div className="text-sm text-gray-600">Wykonawcy</div>
</CardContent> </CardContent>
</Card> </Card>
<Card> <Card
className={`cursor-pointer transition-all hover:shadow-lg ${typeFilter === 'office' ? 'ring-2 ring-purple-600' : ''}`}
onClick={() => setTypeFilter('office')}
>
<CardContent className="p-4"> <CardContent className="p-4">
<div className="text-2xl font-bold text-purple-600"> <div className="text-2xl font-bold text-purple-600">
{stats.office_contacts} {stats.office_contacts}
@@ -239,7 +251,10 @@ export default function ContactsPage() {
<div className="text-sm text-gray-600">Urzędy</div> <div className="text-sm text-gray-600">Urzędy</div>
</CardContent> </CardContent>
</Card> </Card>
<Card> <Card
className={`cursor-pointer transition-all hover:shadow-lg ${typeFilter === 'supplier' ? 'ring-2 ring-green-600' : ''}`}
onClick={() => setTypeFilter('supplier')}
>
<CardContent className="p-4"> <CardContent className="p-4">
<div className="text-2xl font-bold text-green-600"> <div className="text-2xl font-bold text-green-600">
{stats.supplier_contacts} {stats.supplier_contacts}
@@ -247,7 +262,10 @@ export default function ContactsPage() {
<div className="text-sm text-gray-600">Dostawcy</div> <div className="text-sm text-gray-600">Dostawcy</div>
</CardContent> </CardContent>
</Card> </Card>
<Card> <Card
className={`cursor-pointer transition-all hover:shadow-lg ${typeFilter === 'other' ? 'ring-2 ring-gray-600' : ''}`}
onClick={() => setTypeFilter('other')}
>
<CardContent className="p-4"> <CardContent className="p-4">
<div className="text-2xl font-bold text-gray-600"> <div className="text-2xl font-bold text-gray-600">
{stats.other_contacts} {stats.other_contacts}