feat: 创建首页并实现现代化的 Bento Grid 布局,展示财务概览数据和快速操作。

This commit is contained in:
2026-02-02 16:11:05 +08:00
parent 8d154a6b35
commit 5dafefa1ab

View File

@@ -194,6 +194,8 @@ function Home() {
}; };
}, [todayTransactions, weekTransactions, categories, monthlyBudgetSpentTotal]); }, [todayTransactions, weekTransactions, categories, monthlyBudgetSpentTotal]);
const weeklyTotal = useMemo(() => calculateTotalExpense(weekTransactions), [weekTransactions]);
const recentTransactionsForAI = useMemo(() => { const recentTransactionsForAI = useMemo(() => {
return weekTransactions.map(t => ({ return weekTransactions.map(t => ({
date: new Date(t.transactionDate).toLocaleDateString('zh-CN'), date: new Date(t.transactionDate).toLocaleDateString('zh-CN'),
@@ -320,7 +322,7 @@ function Home() {
top3Categories={top3Categories} top3Categories={top3Categories}
todayTransactionCount={todayTransactionCount} todayTransactionCount={todayTransactionCount}
last7DaysSpend={last7DaysSpend} last7DaysSpend={last7DaysSpend}
weeklyTotal={useMemo(() => calculateTotalExpense(weekTransactions), [weekTransactions])} weeklyTotal={weeklyTotal}
/> />
</div> </div>
<div className="bento-span-1" onClick={() => setShowHealthModal(true)} style={{ cursor: 'pointer' }}> <div className="bento-span-1" onClick={() => setShowHealthModal(true)} style={{ cursor: 'pointer' }}>