33 lines
1.0 KiB
TypeScript
33 lines
1.0 KiB
TypeScript
import { TriangleAlert } from "lucide-react";
|
||
import Link from "next/link";
|
||
import { Button } from "@/components/ui/button";
|
||
import { tr } from "@/i18n/tr";
|
||
import { countOverdue, ensureHorizon } from "../service";
|
||
import { toObjectId } from "@/lib/object-id";
|
||
|
||
/** Dashboard: vadesi geçmiş onaylanmamış planlı işlemler uyarısı (Bölüm 6.7). */
|
||
export async function OverdueBanner({
|
||
userId,
|
||
householdId,
|
||
}: {
|
||
userId: string;
|
||
householdId: string;
|
||
}) {
|
||
const hid = toObjectId(householdId);
|
||
if (hid) await ensureHorizon(hid);
|
||
const n = await countOverdue(userId, householdId);
|
||
if (!n) return null;
|
||
return (
|
||
<div
|
||
role="status"
|
||
className="flex flex-wrap items-center gap-3 rounded-xl border border-expense/30 bg-expense/10 p-3 text-sm"
|
||
>
|
||
<TriangleAlert className="size-4 shrink-0 text-expense" aria-hidden />
|
||
<span className="flex-1">{tr.recurring.overdueBanner(n)}</span>
|
||
<Button asChild size="sm" variant="outline">
|
||
<Link href="/planli">{tr.recurring.overdueLink}</Link>
|
||
</Button>
|
||
</div>
|
||
);
|
||
}
|