68 lines
2.3 KiB
TypeScript
68 lines
2.3 KiB
TypeScript
import type { Metadata } from "next";
|
||
import { Suspense } from "react";
|
||
import { PageHeader } from "@/components/page-header";
|
||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
||
import { SummaryCardsSkeleton } from "@/features/dashboard/components/summary-cards-skeleton";
|
||
import { tr } from "@/i18n/tr";
|
||
import { requireActiveHousehold } from "@/lib/dal";
|
||
import { cn } from "@/lib/utils";
|
||
import { formatMoney } from "@/shared/format";
|
||
|
||
export const metadata: Metadata = { title: tr.dashboard.title };
|
||
|
||
type SummaryCard = {
|
||
key: keyof typeof tr.dashboard.cards;
|
||
tone?: string;
|
||
amountMinor: number | null;
|
||
};
|
||
|
||
/** FAZ 14: gerçek özet verisi (gelir, gider, bakiye, kart borcu, net varlık). */
|
||
async function getSummary(): Promise<SummaryCard[]> {
|
||
return [
|
||
{ key: "monthIncome", tone: "text-income", amountMinor: null },
|
||
{ key: "monthExpense", tone: "text-expense", amountMinor: null },
|
||
{ key: "monthRemaining", tone: "text-budget", amountMinor: null },
|
||
{ key: "totalBalance", amountMinor: null },
|
||
{ key: "cardDebt", tone: "text-expense", amountMinor: null },
|
||
{ key: "netWorth", amountMinor: null },
|
||
];
|
||
}
|
||
|
||
async function SummaryCards() {
|
||
const cards = await getSummary();
|
||
return (
|
||
<div className="grid grid-cols-2 gap-3 lg:grid-cols-3 xl:grid-cols-6">
|
||
{cards.map((c) => (
|
||
<Card key={c.key} size="sm">
|
||
<CardHeader>
|
||
<CardDescription>{tr.dashboard.cards[c.key]}</CardDescription>
|
||
<CardTitle className={cn("text-lg tabular-nums", c.tone)}>
|
||
{c.amountMinor === null ? "—" : formatMoney(c.amountMinor)}
|
||
</CardTitle>
|
||
</CardHeader>
|
||
{c.amountMinor === null ? (
|
||
<CardContent className="text-xs text-muted-foreground">
|
||
{tr.dashboard.noData}
|
||
</CardContent>
|
||
) : null}
|
||
</Card>
|
||
))}
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default async function DashboardPage() {
|
||
const { user, household } = await requireActiveHousehold("viewer");
|
||
return (
|
||
<>
|
||
<PageHeader
|
||
title={tr.dashboard.welcome(user.name.split(" ")[0] ?? user.name)}
|
||
description={`${household.name} · ${tr.dashboard.welcomeDescription}`}
|
||
/>
|
||
<Suspense fallback={<SummaryCardsSkeleton />}>
|
||
<SummaryCards />
|
||
</Suspense>
|
||
</>
|
||
);
|
||
}
|