From a1e9c6dda560a6fa2d9cc13a5949b4a4c72c1159 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 17 Mar 2025 12:27:48 +0000
Subject: [PATCH] Update budget button text
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Change "예산 수정하기" to "예산 입력하기" when budget is empty and add animation.
---
 src/components/BudgetTabContent.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/BudgetTabContent.tsx b/src/components/BudgetTabContent.tsx
index 16b2300..2f3a225 100644
--- a/src/components/BudgetTabContent.tsx
+++ b/src/components/BudgetTabContent.tsx
@@ -75,6 +75,11 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
       }
     }
   }, [showBudgetInput]);
+  
+  // 예산 여부에 따른 텍스트 결정
+  const budgetButtonText = targetAmount > 0 ? "예산 수정하기" : "예산 입력하기";
+  
+  
   return <div>
       {targetAmount > 0 ? <>
           <div className="flex justify-between items-center mb-3">
@@ -100,14 +105,14 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
           <div className="mt-6">
             <button onClick={() => setShowBudgetInput(true)} className="text-neuro-income hover:underline flex items-center text-lg font-bold group">
               <CirclePlus size={26} className="mr-2 text-neuro-income animate-pulse transition-transform group-hover:scale-110" />
-              <span className="text-base font-semibold">예산 수정하기</span>
+              <span className="text-base font-semibold animate-pulse">{budgetButtonText}</span>
             </button>
           </div>
         </> : <div className="py-4 text-center">
           <div className="text-gray-400 mb-4">아직 예산이 설정되지 않았습니다</div>
           <Button onClick={() => setShowBudgetInput(true)} variant="default" className="bg-neuro-income hover:bg-neuro-income/90 animate-pulse shadow-lg">
             <CirclePlus className="mr-2" size={24} />
-            지금 예산 설정하기
+            <span className="animate-pulse">{budgetButtonText}</span>
           </Button>
         </div>}
       
@@ -135,4 +140,4 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
         </div>}
     </div>;
 };
-export default BudgetTabContent;
\ No newline at end of file
+export default BudgetTabContent;