diff --git a/src/pages/Analytics.tsx b/src/pages/Analytics.tsx index fbcb6fb..6c946de 100644 --- a/src/pages/Analytics.tsx +++ b/src/pages/Analytics.tsx @@ -14,13 +14,13 @@ import SummaryCards from '@/components/analytics/SummaryCards'; import MonthlyComparisonChart from '@/components/analytics/MonthlyComparisonChart'; import CategorySpendingList from '@/components/analytics/CategorySpendingList'; import PaymentMethodChart from '@/components/analytics/PaymentMethodChart'; - const Analytics = () => { const [selectedPeriod, setSelectedPeriod] = useState('이번 달'); const { budgetData, getCategorySpending, - getPaymentMethodStats, // 새로 추가된 메서드 + getPaymentMethodStats, + // 새로 추가된 메서드 transactions } = useBudget(); const isMobile = useIsMobile(); @@ -89,7 +89,7 @@ const Analytics = () => { value: category.current, color: getCategoryColor(category.title) // 일관된 색상 적용 })); - + // 결제 방법 데이터 가져오기 const paymentMethodData = getPaymentMethodStats(); const hasPaymentData = paymentMethodData.some(method => method.amount > 0); @@ -143,22 +143,16 @@ const Analytics = () => { {/* Category Pie Chart - 왼쪽 여백 조정 */} -

카테고리별 지출

+

카테고리 비율

- {expenseData.some(item => item.value > 0) ? - : -
+ {expenseData.some(item => item.value > 0) ? :

데이터가 없습니다

-
- } +
}
{/* 결제 방법 차트 추가 */}

결제 방법별 지출

- + {/* Top Spending Categories */}

주요 지출 카테고리

@@ -169,4 +163,4 @@ const Analytics = () => { ; }; -export default Analytics; +export default Analytics; \ No newline at end of file