diff --git a/src/components/BudgetTabContent.tsx b/src/components/BudgetTabContent.tsx index 7a5b345..e3b76f0 100644 --- a/src/components/BudgetTabContent.tsx +++ b/src/components/BudgetTabContent.tsx @@ -7,13 +7,14 @@ import BudgetStatusDisplay from './budget/BudgetStatusDisplay'; import BudgetInputButton from './budget/BudgetInputButton'; import BudgetInputForm from './budget/BudgetInputForm'; -// 이 인터페이스는 이 컴포넌트가 받는 props를 명확히 정의합니다 +interface BudgetData { + targetAmount: number; + spentAmount: number; + remainingAmount: number; +} + interface BudgetTabContentProps { - data: { - targetAmount: number; - spentAmount: number; - remainingAmount: number; - }; + data: BudgetData; formatCurrency: (amount: number) => string; calculatePercentage: (spent: number, target: number) => number; onSaveBudget: (amount: number, categoryBudgets?: Record) => void; diff --git a/src/components/RecentTransactionsSection.tsx b/src/components/RecentTransactionsSection.tsx index c37fa18..8366610 100644 --- a/src/components/RecentTransactionsSection.tsx +++ b/src/components/RecentTransactionsSection.tsx @@ -1,4 +1,3 @@ - import React from 'react'; import { Transaction } from '@/contexts/budget/types'; import TransactionEditDialog from './TransactionEditDialog'; @@ -9,7 +8,7 @@ import { useRecentTransactions } from '@/hooks/transactions/useRecentTransaction import { useRecentTransactionsDialog } from '@/hooks/transactions/useRecentTransactionsDialog'; import RecentTransactionItem from './recent-transactions/RecentTransactionItem'; -export interface RecentTransactionsSectionProps { +interface RecentTransactionsSectionProps { transactions: Transaction[]; onUpdateTransaction?: (transaction: Transaction) => void; } diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx index aeef544..c149b57 100644 --- a/src/pages/Index.tsx +++ b/src/pages/Index.tsx @@ -30,18 +30,11 @@ const Index = () => { - `${amount.toLocaleString()}원`} - calculatePercentage={(spent, target) => (target > 0 ? (spent / target) * 100 : 0)} - onSaveBudget={(amount, categoryBudgets) => { - /* 예산 저장 로직 */ - }} - /> + - +