From 308f7ab325e320b687549f9d12c578102e6db7c3 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 22 Mar 2025 12:54:00 +0000
Subject: [PATCH] Visual edit in Lovable

Edited UI in Lovable
---
 src/pages/Analytics.tsx | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

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 = () => {
         </div>
         
         {/* Category Pie Chart - 왼쪽 여백 조정 */}
-        <h2 className="text-lg font-semibold mb-3">카테고리별 지출</h2>
+        <h2 className="text-lg font-semibold mb-3">카테고리 비율</h2>
         <div className="w-full mb-8">
-          {expenseData.some(item => item.value > 0) ? 
-            <ExpenseChart data={expenseData} /> : 
-            <div className="neuro-card h-52 w-full flex items-center justify-center text-gray-400">
+          {expenseData.some(item => item.value > 0) ? <ExpenseChart data={expenseData} /> : <div className="neuro-card h-52 w-full flex items-center justify-center text-gray-400">
               <p>데이터가 없습니다</p>
-            </div>
-          }
+            </div>}
         </div>
         
         {/* 결제 방법 차트 추가 */}
         <h2 className="text-lg font-semibold mb-3">결제 방법별 지출</h2>
-        <PaymentMethodChart 
-          data={paymentMethodData} 
-          isEmpty={!hasPaymentData}
-        />
+        <PaymentMethodChart data={paymentMethodData} isEmpty={!hasPaymentData} />
         
         {/* Top Spending Categories */}
         <h2 className="text-lg font-semibold mb-3 mt-6">주요 지출 카테고리</h2>
@@ -169,4 +163,4 @@ const Analytics = () => {
       <NavBar />
     </div>;
 };
-export default Analytics;
+export default Analytics;
\ No newline at end of file