거래 관련 페이지 다국어화 완료 (현금영수증, 에스크로, 빌링)
- 현금영수증 페이지 다국어화 (목록, 상세, 수기발행) * 승인/취소 금액 통화 표기 개선 (₩ prefix for EN) * 검색옵션, 다운로드, 용도변경 등 모든 텍스트 다국어화 - 에스크로 페이지 다국어화 (목록, 상세) * 헤더 타이틀 및 UI 텍스트 다국어화 - 빌링 페이지 다국어화 (목록, 상세, 청구) * 통화 표기 언어별 처리 (한국어: 원 suffix / 영어: ₩ prefix) - 번역 키 추가: cashReceipt, escrow, billing, common 네임스페이스 - 모든 거래 페이지 일관된 다국어 지원 완료 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import moment from 'moment';
|
||||
import { useEffect, useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { NumericFormat } from 'react-number-format';
|
||||
import { IMAGE_ROOT } from '@/shared/constants/common';
|
||||
import { PATHS } from '@/shared/constants/paths';
|
||||
@@ -37,6 +38,7 @@ import useIntersectionObserver from '@/widgets/intersection-observer';
|
||||
|
||||
export const CashReceiptListPage = () => {
|
||||
const { navigate } = useNavigate();
|
||||
const { t, i18n } = useTranslation();
|
||||
const userMid = useStore.getState().UserStore.mid;
|
||||
|
||||
const [onActionIntersect, setOnActionIntersect] = useState<boolean>(false);
|
||||
@@ -60,7 +62,7 @@ export const CashReceiptListPage = () => {
|
||||
|
||||
const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
|
||||
|
||||
useSetHeaderTitle('현금영수증');
|
||||
useSetHeaderTitle(t('cashReceipt.title'));
|
||||
useSetHeaderType(HeaderType.LeftArrow);
|
||||
useSetOnBack(() => {
|
||||
navigate(PATHS.home);
|
||||
@@ -199,7 +201,7 @@ export const CashReceiptListPage = () => {
|
||||
<button className="filter-btn">
|
||||
<img
|
||||
src={ IMAGE_ROOT + '/ico_setting.svg' }
|
||||
alt="검색옵션"
|
||||
alt={ t('transaction.searchOptions') }
|
||||
onClick={ () => onClickToOpenFilter() }
|
||||
/>
|
||||
</button>
|
||||
@@ -207,20 +209,21 @@ export const CashReceiptListPage = () => {
|
||||
<button className="download-btn">
|
||||
<img
|
||||
src={IMAGE_ROOT + '/ico_download.svg'}
|
||||
alt="다운로드"
|
||||
alt={ t('transaction.download') }
|
||||
onClick={() => onClickToDownloadExcel()}
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
<div className="credit-summary">
|
||||
<div className="row">
|
||||
<span className="label">승인</span>
|
||||
<span className="label">{ t('cashReceipt.approval') }</span>
|
||||
<strong className="amount22">
|
||||
<NumericFormat
|
||||
value={ approvalAmount }
|
||||
thousandSeparator
|
||||
displayType="text"
|
||||
suffix='원'
|
||||
prefix={ i18n.language === 'en' ? t('home.currencySymbol') : '' }
|
||||
suffix={ i18n.language === 'en' ? '' : t('home.currencyWon') }
|
||||
></NumericFormat>
|
||||
</strong>
|
||||
<span className="count">
|
||||
@@ -234,13 +237,14 @@ export const CashReceiptListPage = () => {
|
||||
</span>
|
||||
</div>
|
||||
<div className="row">
|
||||
<span className="label">취소</span>
|
||||
<span className="label">{ t('common.cancel') }</span>
|
||||
<strong className="amount19">
|
||||
<NumericFormat
|
||||
value={ cancelAmount }
|
||||
thousandSeparator
|
||||
displayType="text"
|
||||
suffix='원'
|
||||
prefix={ i18n.language === 'en' ? t('home.currencySymbol') : '' }
|
||||
suffix={ i18n.language === 'en' ? '' : t('home.currencyWon') }
|
||||
></NumericFormat>
|
||||
</strong>
|
||||
<span className="count">
|
||||
|
||||
Reference in New Issue
Block a user