Refactor settlement UI: fix filename typos and apply money localization

- Rename files: calandar-* to calendar-* (fix typo)
  - calandar-amount-row.tsx → calendar-amount-row.tsx
  - calandar-wrap.tsx → calendar-wrap.tsx
- Apply t('home.money') localization to all amount displays
  - calendar-amount-row.tsx
  - calendar-settlement-item.tsx
  - list-summary-extend-settlement.tsx (5 amount fields)
  - list-summary-extend-transaction.tsx (6 amount fields)
- Apply date localization to calendar-wrap.tsx (ko: YYYY년 MM월, en: YYYY MMM)
- Remove NumericFormat dependency from settlement components
- Update all import statements

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-11-04 16:45:02 +09:00
parent 81d50731ec
commit 77a4797190
6 changed files with 16 additions and 74 deletions

View File

@@ -1,5 +1,4 @@
import moment from 'moment';
import { NumericFormat } from 'react-number-format';
import { useTranslation } from 'react-i18next';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
@@ -66,12 +65,7 @@ export const CalendarSettlementItem = ({
{ moment(value?.settlementDate).format('MM.DD(ddd)') }
</div>
<div className="settlement-amount">
<NumericFormat
value={ getAmount(value?.scheduledAmount, value?.completedAmount) }
thousandSeparator
displayType="text"
suffix={t('common.currencyUnit')}
></NumericFormat>
{t('home.money', { value: new Intl.NumberFormat('en-US').format(getAmount(value?.scheduledAmount, value?.completedAmount)) })}
</div>
</div>
))