- 가맹점관리 _ 등록 현황 온라인 등록현황 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>