From cc0af1aee0ebec3267f1ec805215bce50bf56ef4 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 15 Mar 2025 10:27:42 +0000
Subject: [PATCH] Fix rendering issue

Addresses a problem where the screen was not rendering correctly.
---
 src/components/transaction/TransactionAmount.tsx  | 3 ++-
 src/components/transaction/TransactionDetails.tsx | 4 ++--
 src/components/transaction/TransactionIcon.tsx    | 5 ++++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/transaction/TransactionAmount.tsx b/src/components/transaction/TransactionAmount.tsx
index 916d490..bbad6e2 100644
--- a/src/components/transaction/TransactionAmount.tsx
+++ b/src/components/transaction/TransactionAmount.tsx
@@ -7,11 +7,12 @@ interface TransactionAmountProps {
 }
 
 const TransactionAmount: React.FC<TransactionAmountProps> = ({ amount }) => {
+  // 금액을 한국 통화 형식으로 포맷팅 (소수점 제거)
   const formattedAmount = new Intl.NumberFormat('ko-KR', {
     style: 'currency',
     currency: 'KRW',
     maximumFractionDigits: 0
-  }).format(amount);
+  }).format(Math.abs(amount));
 
   return (
     <div className="flex items-center gap-1">
diff --git a/src/components/transaction/TransactionDetails.tsx b/src/components/transaction/TransactionDetails.tsx
index 8cfe9a4..7537ce3 100644
--- a/src/components/transaction/TransactionDetails.tsx
+++ b/src/components/transaction/TransactionDetails.tsx
@@ -9,8 +9,8 @@ interface TransactionDetailsProps {
 const TransactionDetails: React.FC<TransactionDetailsProps> = ({ title, date }) => {
   return (
     <div>
-      <h3 className="text-sm font-medium">{title}</h3>
-      <p className="text-xs text-gray-500">{date}</p>
+      <h3 className="text-sm font-medium">{title || '제목 없음'}</h3>
+      <p className="text-xs text-gray-500">{date || '날짜 정보 없음'}</p>
     </div>
   );
 };
diff --git a/src/components/transaction/TransactionIcon.tsx b/src/components/transaction/TransactionIcon.tsx
index 98e73da..baad9bf 100644
--- a/src/components/transaction/TransactionIcon.tsx
+++ b/src/components/transaction/TransactionIcon.tsx
@@ -13,9 +13,12 @@ interface TransactionIconProps {
 }
 
 const TransactionIcon: React.FC<TransactionIconProps> = ({ category }) => {
+  // 카테고리에 해당하는 아이콘이 없을 경우 기본값으로 Coffee 아이콘 사용
+  const icon = categoryIcons[category] || <Coffee size={18} />;
+  
   return (
     <div className="p-2 rounded-full bg-neuro-income/10 text-neuro-income">
-      {categoryIcons[category] || <Coffee size={18} />}
+      {icon}
     </div>
   );
 };