chpark/vexplor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

나머지 위젯들도 샤드시옌처리(주석처리된 위젯)

Browse Source
This commit is contained in:
leeheejin
2025-10-29 18:04:27 +09:00
parent 437e0c331c
commit 865831e41e
11 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/components/dashboard/widgets/BookingAlertWidget.tsx
View File

@@ -163,14 +163,14 @@ export default function BookingAlertWidget({ element }: BookingAlertWidgetProps)
<div className="flex items-center gap-2">
<h3 className="text-lg font-bold text-foreground">{element?.customTitle || "예약 요청 알림"}</h3>
{newCount > 0 && (
<span className="flex h-6 w-6 items-center justify-center rounded-full bg-destructive text-xs font-bold text-white">
<span className="flex h-6 w-6 items-center justify-center rounded-full bg-destructive text-xs font-bold text-primary-foreground">
{newCount}
</span>
)}
</div>
<button
onClick={fetchBookings}
className="rounded-lg bg-primary px-3 py-1.5 text-sm text-white transition-colors hover:bg-primary/90"
className="rounded-lg bg-primary px-3 py-1.5 text-sm text-primary-foreground transition-colors hover:bg-primary/90"
>
🔄 새로고침
</button>
@@ -183,7 +183,7 @@ export default function BookingAlertWidget({ element }: BookingAlertWidgetProps)
key={f}
onClick={() => setFilter(f)}
className={`rounded px-3 py-1 text-xs font-medium transition-colors ${
filter === f ? "bg-primary text-white" : "bg-muted text-foreground hover:bg-muted"
filter === f ? "bg-primary text-primary-foreground" : "bg-muted text-foreground hover:bg-muted"
}`}
>
{f === "pending" ? "대기중" : f === "accepted" ? "수락됨" : "전체"}
@@ -213,7 +213,7 @@ export default function BookingAlertWidget({ element }: BookingAlertWidgetProps)
{/* NEW 뱃지 */}
{isNew(booking.createdAt) && booking.status === "pending" && (
<div className="absolute -right-2 -top-2 animate-bounce">
<span className="flex h-12 w-12 items-center justify-center rounded-full bg-destructive text-xs font-bold text-white shadow-lg">
<span className="flex h-12 w-12 items-center justify-center rounded-full bg-destructive text-xs font-bold text-primary-foreground shadow-lg">
🆕
</span>
</div>
@@ -245,14 +245,14 @@ export default function BookingAlertWidget({ element }: BookingAlertWidgetProps)
<div className="flex gap-1">
<button
onClick={() => handleAccept(booking.id)}
className="flex items-center gap-1 rounded bg-success px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-success/90"
className="flex items-center gap-1 rounded bg-success px-3 py-1.5 text-sm font-medium text-primary-foreground transition-colors hover:bg-success/90"
>
<Check className="h-4 w-4" />
수락
</button>
<button
onClick={() => handleReject(booking.id)}
className="flex items-center gap-1 rounded bg-destructive px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-destructive/90"
className="flex items-center gap-1 rounded bg-destructive px-3 py-1.5 text-sm font-medium text-primary-foreground transition-colors hover:bg-destructive/90"
>
<X className="h-4 w-4" />
거절