Fix rendering issue

Addresses a problem where the screen was not rendering correctly.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 10:27:42 +00:00
parent f22e99ecef
commit cc0af1aee0
3 changed files with 8 additions and 4 deletions

View File

@@ -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">

View File

@@ -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>
);
};

View File

@@ -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>
);
};