Fix rendering issue
Addresses a problem where the screen was not rendering correctly.
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user