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 TransactionAmount: React.FC<TransactionAmountProps> = ({ amount }) => {
// 금액을 한국 통화 형식으로 포맷팅 (소수점 제거)
const formattedAmount = new Intl.NumberFormat('ko-KR', { const formattedAmount = new Intl.NumberFormat('ko-KR', {
style: 'currency', style: 'currency',
currency: 'KRW', currency: 'KRW',
maximumFractionDigits: 0 maximumFractionDigits: 0
}).format(amount); }).format(Math.abs(amount));
return ( return (
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">

View File

@@ -9,8 +9,8 @@ interface TransactionDetailsProps {
const TransactionDetails: React.FC<TransactionDetailsProps> = ({ title, date }) => { const TransactionDetails: React.FC<TransactionDetailsProps> = ({ title, date }) => {
return ( return (
<div> <div>
<h3 className="text-sm font-medium">{title}</h3> <h3 className="text-sm font-medium">{title || '제목 없음'}</h3>
<p className="text-xs text-gray-500">{date}</p> <p className="text-xs text-gray-500">{date || '날짜 정보 없음'}</p>
</div> </div>
); );
}; };

View File

@@ -13,9 +13,12 @@ interface TransactionIconProps {
} }
const TransactionIcon: React.FC<TransactionIconProps> = ({ category }) => { const TransactionIcon: React.FC<TransactionIconProps> = ({ category }) => {
// 카테고리에 해당하는 아이콘이 없을 경우 기본값으로 Coffee 아이콘 사용
const icon = categoryIcons[category] || <Coffee size={18} />;
return ( return (
<div className="p-2 rounded-full bg-neuro-income/10 text-neuro-income"> <div className="p-2 rounded-full bg-neuro-income/10 text-neuro-income">
{categoryIcons[category] || <Coffee size={18} />} {icon}
</div> </div>
); );
}; };