From c88f547f120304380a9a08376491dfea3e43817d Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 21 Mar 2025 08:52:52 +0000
Subject: [PATCH] Refactor: Reorder budget cards

Move expense chart card to the top for better visibility.
---
 src/components/home/HomeContent.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/home/HomeContent.tsx b/src/components/home/HomeContent.tsx
index 33316d3..e38b042 100644
--- a/src/components/home/HomeContent.tsx
+++ b/src/components/home/HomeContent.tsx
@@ -49,8 +49,16 @@ const HomeContent: React.FC<HomeContentProps> = ({
 }) => {
   return (
     <>
+      {/* 지출 카테고리 */}
+      <h2 className="text-lg font-semibold mb-3">지출 분석</h2>
+      {getCategorySpending().some(cat => cat.current > 0 || cat.total > 0) ? (
+        <BudgetCategoriesSection categories={getCategorySpending()} />
+      ) : (
+        <EmptyState />
+      )}
+
       {/* 목표 진행 상황 */}
-      <h2 className="text-lg font-semibold mb-3">예산과 지출</h2>
+      <h2 className="text-lg font-semibold mb-3 mt-6">예산과 지출</h2>
       <BudgetProgressCard 
         budgetData={budgetData}
         selectedTab={selectedTab}
@@ -60,13 +68,6 @@ const HomeContent: React.FC<HomeContentProps> = ({
         onSaveBudget={handleBudgetGoalUpdate}
       />
 
-      {/* 지출 카테고리 */}
-      {getCategorySpending().some(cat => cat.current > 0 || cat.total > 0) ? (
-        <BudgetCategoriesSection categories={getCategorySpending()} />
-      ) : (
-        <EmptyState />
-      )}
-
       {/* 최근 지출 */}
       {transactions.length > 0 ? (
         <RecentTransactionsSection