diff --git a/src/components/transactions/TransactionsHeader.tsx b/src/components/transactions/TransactionsHeader.tsx index 8e241b3..43c82f5 100644 --- a/src/components/transactions/TransactionsHeader.tsx +++ b/src/components/transactions/TransactionsHeader.tsx @@ -1,8 +1,6 @@ - import React from 'react'; import { Calendar, Search, ChevronLeft, ChevronRight } from 'lucide-react'; import { formatCurrency } from '@/utils/formatters'; - interface TransactionsHeaderProps { selectedMonth: string; searchQuery: string; @@ -13,7 +11,6 @@ interface TransactionsHeaderProps { totalExpenses: number; isDisabled: boolean; } - const TransactionsHeader: React.FC = ({ selectedMonth, searchQuery, @@ -24,35 +21,25 @@ const TransactionsHeader: React.FC = ({ totalExpenses, isDisabled }) => { - console.log('TransactionsHeader 렌더링:', { selectedMonth, totalExpenses }); - + console.log('TransactionsHeader 렌더링:', { + selectedMonth, + totalExpenses + }); + // 예산 정보가 없는 경우 기본값 사용 const targetAmount = budgetData?.monthly?.targetAmount || 0; - - return ( -
-

지출 내역

+ return
+

지출 내역

{/* Search */}
- setSearchQuery(e.target.value)} - disabled={isDisabled} - /> + setSearchQuery(e.target.value)} disabled={isDisabled} />
{/* Month Selector */}
- @@ -61,11 +48,7 @@ const TransactionsHeader: React.FC = ({ {selectedMonth}
- @@ -74,19 +57,17 @@ const TransactionsHeader: React.FC = ({

총 예산

-

+

{formatCurrency(targetAmount)}

총 지출

-

+

{formatCurrency(totalExpenses)}

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