결제 관리 페이지 및 컴포넌트 다국어화 완료
- 결제 관리 페이지 다국어화 (결제 정보, 통보 데이터) * 헤더 타이틀 및 탭 버튼 다국어화 - 결제 엔티티 컴포넌트 전체 다국어화 * payment-tab: 결제 정보/결제데이터 통보 탭 * info-wrap: 서비스 이용, 수수료 및 정산주기 섹션 * notification-data-wrap: 결제데이터 통보 조회 (신용카드, 계좌이체 등 5개 결제수단) * info-item: 수수료 및 정산주기 버튼 * notify-row: 통보 상세 정보 (시작일자, 관리자 메일, URL/IP 등) - 결제 바텀시트 컴포넌트 다국어화 * card-commission-bottom-sheet: 카드 수수료 (일반/무이자/머니포인트 탭, 할부개월) * transfer-commission-bottom-sheet: 계좌이체 수수료 (통화 표기 포함) * credit-card-list-bottom-sheet: 카드사 목록 * no-interest-info-bottom-sheet: 무이자 정보 (통화 표기 포함) - 통화 표기 개선 (한국어: 원 suffix / 영어: ₩ prefix) - 번역 키 추가: payment 네임스페이스 32개 키 - 계정 관리 페이지 헤더 타이틀 다국어화 적용 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { IMAGE_ROOT } from '@/shared/constants/common';
|
||||
|
||||
export const TransferCommissionBottomSheet = () => {
|
||||
const { t, i18n } = useTranslation();
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -8,43 +10,43 @@ export const TransferCommissionBottomSheet = () => {
|
||||
<div className="bottomsheet">
|
||||
<div className="bottomsheet-header">
|
||||
<div className="bottomsheet-title">
|
||||
<h2>수수료 및 정산주기</h2>
|
||||
<button
|
||||
className="close-btn"
|
||||
<h2>{t('payment.commissionAndSettlement')}</h2>
|
||||
<button
|
||||
className="close-btn"
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
<img
|
||||
src={ IMAGE_ROOT + '/ico_close.svg' }
|
||||
alt="닫기"
|
||||
alt={t('common.close')}
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="fee-cycle">
|
||||
<div className="desc dot">정산주기 : 일일(+3일)</div>
|
||||
<div className="desc dot">수수료</div>
|
||||
<div className="desc dot">{t('payment.settlementPeriod')} : {t('payment.dailyPlus3Days')}</div>
|
||||
<div className="desc dot">{t('payment.commission')}</div>
|
||||
<div className="divider"></div>
|
||||
<ul className="kv-list">
|
||||
<li className="kv-row pl-10">
|
||||
<span className="k">결제수수료(최저수수료)</span>
|
||||
<span className="v">1원</span>
|
||||
<span className="k">{t('payment.paymentFeeMinimum')}</span>
|
||||
<span className="v">1{i18n.language === 'en' ? '' : t('home.currencyWon')}</span>
|
||||
</li>
|
||||
<li className="kv-row pl-10">
|
||||
<span className="k">결제수수료(1원~)</span>
|
||||
<span className="v">1원</span>
|
||||
<span className="k">{t('payment.paymentFeeFrom1Won')}</span>
|
||||
<span className="v">1{i18n.language === 'en' ? '' : t('home.currencyWon')}</span>
|
||||
</li>
|
||||
<li className="kv-row pl-10">
|
||||
<span className="k">취소수수료</span>
|
||||
<span className="v">1원</span>
|
||||
<span className="k">{t('payment.cancellationFee')}</span>
|
||||
<span className="v">1{i18n.language === 'en' ? '' : t('home.currencyWon')}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bottomsheet-footer">
|
||||
<button
|
||||
className="btn-50 btn-blue flex-1"
|
||||
<button
|
||||
className="btn-50 btn-blue flex-1"
|
||||
type="button"
|
||||
>확인</button>
|
||||
>{t('common.confirm')}</button>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user