diana.dolgolyova/blackheart-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reminders card — single line layout matching other cards, cleanup unused prop

Browse Source
This commit is contained in:
Diana Dolgolyova
2026-03-24 19:12:01 +03:00
parent 87ba4d232a
commit afe9f7012c
1 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/admin/bookings/page.tsx
View File

@@ -594,8 +594,7 @@ function countByStatus(items: { status: string }[]): TabCounts {
} }
function DashboardSummary({ statusFilter, onNavigate, onFilter }: { function DashboardSummary({ onNavigate, onFilter }: {
statusFilter: BookingFilter;
onNavigate: (tab: Tab) => void; onNavigate: (tab: Tab) => void;
onFilter: (f: BookingFilter) => void; onFilter: (f: BookingFilter) => void;
}) { }) {
@@ -670,15 +669,11 @@ function DashboardSummary({ statusFilter, onNavigate, onFilter }: {
<button key={c.tab} onClick={() => onNavigate(c.tab)} <button key={c.tab} onClick={() => onNavigate(c.tab)}
className={`rounded-xl border ${c.color} bg-neutral-900 p-3 text-left transition-all hover:bg-neutral-800/80 hover:scale-[1.02]`}> className={`rounded-xl border ${c.color} bg-neutral-900 p-3 text-left transition-all hover:bg-neutral-800/80 hover:scale-[1.02]`}>
<p className="text-xs text-neutral-400">{c.label}</p> <p className="text-xs text-neutral-400">{c.label}</p>
<div className="flex items-baseline gap-2 mt-1"> <div className="flex items-baseline gap-2 mt-1 flex-wrap">
{counts.remindersToday > 0 && <><span className={`text-lg font-bold ${c.urgentColor}`}>{counts.remindersToday}</span><span className="text-[10px] text-neutral-500">сегодня</span></>}
{counts.remindersTomorrow > 0 && <><span className="text-sm font-medium text-neutral-400">{counts.remindersTomorrow}</span><span className="text-[10px] text-neutral-500">завтра</span></>}
</div>
<div className="flex items-baseline gap-2 mt-1">
{counts.remindersNotAsked > 0 && ( {counts.remindersNotAsked > 0 && (
<span className="inline-flex items-baseline gap-1 cursor-pointer hover:underline decoration-neutral-500 underline-offset-2 transition-all" <span className="inline-flex items-baseline gap-1 cursor-pointer hover:underline decoration-neutral-500 underline-offset-2 transition-all"
onClick={(e) => { e.stopPropagation(); onNavigate(c.tab); }}> onClick={(e) => { e.stopPropagation(); onNavigate(c.tab); }}>
<span className="text-sm font-medium text-gold">{counts.remindersNotAsked}</span> <span className="text-lg font-bold text-gold">{counts.remindersNotAsked}</span>
<span className="text-[10px] text-neutral-500">не спрош.</span> <span className="text-[10px] text-neutral-500">не спрош.</span>
</span> </span>
)} )}
@@ -903,7 +898,7 @@ function BookingsPageInner() {
) : ( ) : (
<> <>
{/* Dashboard — what needs attention */} {/* Dashboard — what needs attention */}
<DashboardSummary key={`dash-${dashboardKey}-${refreshKey}`} statusFilter={statusFilter} onNavigate={setTab} onFilter={setStatusFilter} /> <DashboardSummary key={`dash-${dashboardKey}-${refreshKey}`} onNavigate={setTab} onFilter={setStatusFilter} />
{/* Tabs */} {/* Tabs */}
<div className="mt-5 flex border-b border-white/10"> <div className="mt-5 flex border-b border-white/10">