diff --git a/src/components/BudgetProgressCard.tsx b/src/components/BudgetProgressCard.tsx index b16759c..a2f5ac6 100644 --- a/src/components/BudgetProgressCard.tsx +++ b/src/components/BudgetProgressCard.tsx @@ -1,17 +1,14 @@ - import React, { useState } from 'react'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { Check, ChevronDown, ChevronUp } from 'lucide-react'; import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'; - interface BudgetData { targetAmount: number; spentAmount: number; remainingAmount: number; } - interface BudgetProgressCardProps { budgetData: { daily: BudgetData; @@ -24,7 +21,6 @@ interface BudgetProgressCardProps { calculatePercentage: (spent: number, target: number) => number; onSaveBudget: (type: 'daily' | 'weekly' | 'monthly', amount: number) => void; } - const BudgetProgressCard: React.FC = ({ budgetData, selectedTab, @@ -63,14 +59,12 @@ const BudgetProgressCard: React.FC = ({ ; }; - interface BudgetTabContentProps { data: BudgetData; formatCurrency: (amount: number) => string; calculatePercentage: (spent: number, target: number) => number; onSaveBudget: (amount: number) => void; } - const BudgetTabContent: React.FC = ({ data, formatCurrency, @@ -80,13 +74,11 @@ const BudgetTabContent: React.FC = ({ const percentage = calculatePercentage(data.spentAmount, data.targetAmount); const [isOpen, setIsOpen] = useState(false); const [budgetInput, setBudgetInput] = useState(data.targetAmount.toString()); - const handleInputChange = (value: string) => { // Remove all non-numeric characters const numericValue = value.replace(/[^0-9]/g, ''); setBudgetInput(numericValue); }; - const handleSave = () => { const amount = parseInt(budgetInput, 10) || 0; onSaveBudget(amount); @@ -97,7 +89,6 @@ const BudgetTabContent: React.FC = ({ const formatWithCommas = (amount: string) => { return amount.replace(/\B(?=(\d{3})+(?!\d))/g, ','); }; - return
@@ -125,8 +116,8 @@ const BudgetTabContent: React.FC = ({
- - 예산 설정하기 + + 월간 예산 설정하기 {isOpen ? : } @@ -137,11 +128,10 @@ const BudgetTabContent: React.FC = ({
-

월간 예산을 입력하면 일일, 주간 예산이 자동으로 입력됩니다.

+

월간 예산을 입력하면 일일, 주간 예산이 자동으로 입력됩니다.

; }; - -export default BudgetProgressCard; +export default BudgetProgressCard; \ No newline at end of file