diff --git a/src/components/BudgetTabContent.tsx b/src/components/BudgetTabContent.tsx index 70fe9e2..11d0b28 100644 --- a/src/components/BudgetTabContent.tsx +++ b/src/components/BudgetTabContent.tsx @@ -1,23 +1,19 @@ - import React, { useState, useEffect } from 'react'; import { CirclePlus, Save, Check } from 'lucide-react'; import BudgetInputCard from './BudgetInputCard'; import { Button } from '@/components/ui/button'; import CategoryBudgetInputs from './CategoryBudgetInputs'; - interface BudgetData { targetAmount: number; spentAmount: number; remainingAmount: number; } - interface BudgetTabContentProps { data: BudgetData; formatCurrency: (amount: number) => string; calculatePercentage: (spent: number, target: number) => number; onSaveBudget: (amount: number, categoryBudgets?: Record) => void; } - const BudgetTabContent: React.FC = ({ data, formatCurrency, @@ -26,10 +22,9 @@ const BudgetTabContent: React.FC = ({ }) => { const [categoryBudgets, setCategoryBudgets] = useState>({}); const [showBudgetInput, setShowBudgetInput] = useState(false); - const spentAmount = data.spentAmount; const targetAmount = data.targetAmount; - + // 실제 백분율 계산 (초과해도 실제 퍼센트로 표시) const actualPercentage = targetAmount > 0 ? Math.round(spentAmount / targetAmount * 100) : 0; const percentage = actualPercentage; @@ -46,7 +41,6 @@ const BudgetTabContent: React.FC = ({ // 남은 예산 또는 초과 예산 텍스트 및 금액 const budgetStatusText = isOverBudget ? '예산 초과: ' : '남은 예산: '; const budgetAmount = isOverBudget ? formatCurrency(Math.abs(targetAmount - spentAmount)) : formatCurrency(Math.max(0, targetAmount - spentAmount)); - const handleCategoryInputChange = (value: string, category: string) => { const numValue = parseInt(value, 10) || 0; setCategoryBudgets(prev => ({ @@ -81,7 +75,6 @@ const BudgetTabContent: React.FC = ({ } } }, [showBudgetInput]); - return
{targetAmount > 0 ? <>
@@ -105,10 +98,7 @@ const BudgetTabContent: React.FC = ({
-
:
아직 예산이 설정되지 않았습니다
- @@ -135,16 +121,12 @@ const BudgetTabContent: React.FC = ({
-

전체 예산:

-

{formatCurrency(calculateTotalBudget())}

+

전체 예산:

+

{formatCurrency(calculateTotalBudget())}

- @@ -155,5 +137,4 @@ const BudgetTabContent: React.FC = ({
}
; }; - -export default BudgetTabContent; +export default BudgetTabContent; \ No newline at end of file