diff --git a/src/components/TransactionCard.tsx b/src/components/TransactionCard.tsx index 7d08b43..a092218 100644 --- a/src/components/TransactionCard.tsx +++ b/src/components/TransactionCard.tsx @@ -1,3 +1,4 @@ + import React, { useState } from 'react'; import { cn } from '@/lib/utils'; import TransactionEditDialog from './TransactionEditDialog'; diff --git a/src/components/transaction/TransactionAmount.tsx b/src/components/transaction/TransactionAmount.tsx index bbad6e2..9dccd72 100644 --- a/src/components/transaction/TransactionAmount.tsx +++ b/src/components/transaction/TransactionAmount.tsx @@ -1,25 +1,17 @@ import React from 'react'; -import { ArrowDownIcon } from 'lucide-react'; +import { formatCurrency } from '@/utils/formatters'; interface TransactionAmountProps { amount: number; } const TransactionAmount: React.FC = ({ amount }) => { - // 금액을 한국 통화 형식으로 포맷팅 (소수점 제거) - const formattedAmount = new Intl.NumberFormat('ko-KR', { - style: 'currency', - currency: 'KRW', - maximumFractionDigits: 0 - }).format(Math.abs(amount)); - return ( -
- - - {formattedAmount} - +
+

+ -{formatCurrency(amount)} +

); }; diff --git a/src/components/transaction/TransactionDetails.tsx b/src/components/transaction/TransactionDetails.tsx index 5602554..1156bd7 100644 --- a/src/components/transaction/TransactionDetails.tsx +++ b/src/components/transaction/TransactionDetails.tsx @@ -1,3 +1,4 @@ + import React from 'react'; interface TransactionDetailsProps { title: string; @@ -12,4 +13,4 @@ const TransactionDetails: React.FC = ({

{date || '날짜 정보 없음'}

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