diff --git a/src/pages/Analytics.tsx b/src/pages/Analytics.tsx index d3c1b83..364e6ef 100644 --- a/src/pages/Analytics.tsx +++ b/src/pages/Analytics.tsx @@ -4,7 +4,7 @@ import NavBar from '@/components/NavBar'; import ExpenseChart from '@/components/ExpenseChart'; import AddTransactionButton from '@/components/AddTransactionButton'; import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, Legend } from 'recharts'; -import { ChevronLeft, ChevronRight } from 'lucide-react'; +import { ChevronLeft, ChevronRight, Wallet, CreditCard, PiggyBank } from 'lucide-react'; const Analytics = () => { const [selectedPeriod, setSelectedPeriod] = useState('이번 달'); @@ -98,7 +98,10 @@ const Analytics = () => { {/* Summary Cards */}
예산
+예산
+{new Intl.NumberFormat('ko-KR', { style: 'currency', @@ -109,7 +112,10 @@ const Analytics = () => {
지출
+지출
+{new Intl.NumberFormat('ko-KR', { style: 'currency', @@ -120,7 +126,10 @@ const Analytics = () => {
저축
+저축
+{savingsPercentage}%