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}%