가맹점 관리 페이지 및 컴포넌트 다국어화 완료

- 가맹점 관리 페이지 다국어화 (가맹점 정보, 등록현황)
  * 헤더 타이틀 및 탭 버튼 다국어화
- 가맹점 엔티티 컴포넌트 전체 다국어화
  * merchant-tab: 가맹점 정보/등록현황 탭
  * info-wrap: 계약/기술/정산 담당자 섹션, 안내 메시지
  * registration-status-wrap: 신용카드 심사현황, 에스크로 가입현황
- 가맹점 섹션 컴포넌트 다국어화
  * account-section: 정산계좌 정보 (은행, 계좌번호, 예금주)
  * business-section: 기본정보 (상호, 사업자번호, 업종, 업태 등 11개 필드)
  * online-section: 온라인 등록현황 (상태, 계약완료, 심사 여부 등)
  * escrow-section: 에스크로 정보 (NICECROW 가입, 소재지, URL 등)
- 번역 키 추가: merchant 네임스페이스 35개 키
- 모든 가맹점 관리 필드 및 라벨 일관된 다국어 지원

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-10-29 18:04:08 +09:00
parent 8d67d59d78
commit 9b193ee6f9
11 changed files with 145 additions and 55 deletions

View File

@@ -1,4 +1,5 @@
import { ChangeEvent, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useMerchantMidMutation } from '../api/use-merchant-mid-mutation';
import { BusinessSection } from './section/business-section';
import { ManagerSection } from './section/manager-section';
@@ -11,6 +12,7 @@ import {
import { useStore } from '@/shared/model/store';
export const InfoWrap = () => {
const { t } = useTranslation();
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const userMid = useStore.getState().UserStore.mid;
@@ -61,7 +63,7 @@ export const InfoWrap = () => {
<div className="info-divider mb-16"></div>
<ManagerSection
type={ SectionKeys.Merchant }
title='계약 담당자'
title={t('merchant.contractManager')}
manager={ data?.merchantManager }
managerTelephone={ data?.merchantManagerTelephone }
managetEmail={ data?.merchantManagerEmail }
@@ -71,7 +73,7 @@ export const InfoWrap = () => {
<div className="info-divider mb-16"></div>
<ManagerSection
type={ SectionKeys.Technical }
title='기술 담당자'
title={t('merchant.technicalManager')}
manager={ data?.technicalManager }
managerTelephone={ data?.technicalManagerTelephone }
managetEmail={ data?.technicalManagerEmail }
@@ -81,7 +83,7 @@ export const InfoWrap = () => {
<div className="info-divider mb-16"></div>
<ManagerSection
type={ SectionKeys.Settlement }
title='정산 담당자'
title={t('merchant.settlementManager')}
manager={ data?.settlementManager }
managerTelephone={ data?.settlementManagerTelephone }
managetEmail={ data?.settlementManagerEmail }
@@ -93,7 +95,7 @@ export const InfoWrap = () => {
data={ data }
></AccountSection>
<div className="notice-bottom left-align">
<p className="notice-tip"> .<br/>PC .</p>
<p className="notice-tip">{t('merchant.infoNotice')}</p>
</div>
</div>
</>