- 가맹점관리 _ 등록 현황 온라인 등록현황 Enum Value 다국어 적용, 발급일자 포맷 지정

src/entities/merchant/model/constant.ts

@@ -0,0 +1,13 @@
+import { TFunction } from 'i18next';
+import { UsageStatus } from './types';
+
+export const getUsageStatusName = (t: TFunction, usageStatus?: string): string => {
+    if (!usageStatus) return '';
+
+    const statusMap: Record<string, string> = {
+        [UsageStatus.AVAILABLE]: t('merchant.available'),
+        [UsageStatus.SUSPENDED]: t('merchant.suspended'),
+    };
+
+    return statusMap[usageStatus] || usageStatus;
+};

src/entities/merchant/ui/section/online-section.tsx

@@ -1,6 +1,7 @@
 import moment from 'moment';
 import { useTranslation } from 'react-i18next';
 import { OnlineInfomation } from '../../model/types';
+import { getUsageStatusName } from '../../model/constant';
 
 export interface OnlineSectionProps {
   data?: OnlineInfomation
@@ -18,7 +19,7 @@ export const OnlineSection = ({
         <ul className="kv-list">
           <li className="kv-row">
             <span className="k">{t('merchant.status')}</span>
-            <span className="v">{ data?.usageStatus }</span>
+            <span className="v">{ getUsageStatusName(t, data?.usageStatus) }</span>
           </li>
           <li className="kv-row">
             <span className="k">{t('merchant.companyName')}</span>
@@ -30,7 +31,7 @@ export const OnlineSection = ({
           </li>
           <li className="kv-row">
             <span className="k">{t('merchant.issueDate')}</span>
-            <span className="v">{ data?.registrationDate }</span>
+            <span className="v">{ data?.registrationDate ? `${moment(data?.registrationDate).format('YYYY.MM.DD')}`: '' }</span>
           </li>
           <li className="kv-row">
             <span className="k">{t('merchant.contractStatus')}</span>

src/locales/en.json

@@ -1313,6 +1313,8 @@
         "businessAddress": "Business Address",
         "websiteUrl": "Website URL",
         "onlineRegistrationStatus": "Online Registration Status",
+        "available": "Available",
+        "suspended": "Suspended",
         "status": "Status",
         "issueDate": "Issue Date",
         "contractStatus": "Contract Status",

src/locales/ko.json

@@ -1314,6 +1314,8 @@
         "businessAddress": "사업장주소",
         "websiteUrl": "홈페이지 주소",
         "onlineRegistrationStatus": "온라인 등록현황",
+        "available": "사용 가능",
+        "suspended": "사용 중지",
         "status": "상태",
         "issueDate": "발급일자",
         "contractStatus": "계약완료 여부",