- 안명인증 페이지 추가

src/entities/additional-service/ui/list-item.tsx

@@ -11,6 +11,7 @@ import { getKeyInPaymentPaymentStatusName } from '../model/key-in/constant';
 import { getArsPaymentStatusName, getArsOrderStatusName } from '../model/ars/constant';
 import { ServiceCode } from '../model/alimtalk/types';
 import { getAlimtalkAlimClText, getAlimtalkSendClTypeText, getAlimtalkSendTypeText, getAlimtalkServiceCodeText } from '../model/alimtalk/constant';
+import { getAuthResultStatusText, getTransTypeText } from '../model/face-auth/constant';
 
 export const ListItem = ({
   additionalServiceCategory,
@@ -32,8 +33,8 @@ export const ListItem = ({
   buyerName,receiverInfo,
   seq,serviceCode,sendDate,
 
-  smsCl,
-  name,
+  smsCl,groupId,userMallId,transType,
+  authResult,failReason,requestTime,
   onResendClick
 }: ListItemProps) => {
   const { navigate } = useNavigate();
@@ -87,10 +88,10 @@ export const ListItem = ({
       }
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
-      if (resultStatus === "SUCCESS") {
+      if (authResult === "SUCCESS") {
         rs = 'blue';
       }
-      else if (resultStatus === "FAIL") {
+      else if (authResult === "FAIL") {
         rs = 'gray';
       }
     }
@@ -237,6 +238,14 @@ export const ListItem = ({
         }
       });
     }
+    // else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
+    //   navigate(PATHS.additionalService.faceAuth.detail, {
+    //     state: {
+    //       additionalServiceCategory: additionalServiceCategory,
+    //       mid: mid
+    //     }
+    //   })
+    // }
     else {
       alert('additionalServiceCategory가 존재하지 않습니다.');
     }
@@ -301,10 +310,9 @@ export const ListItem = ({
       statusText = transferStatus || '';
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
-      statusText = status || '';
+      statusText = getTransTypeText(transType)
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.SMSPayment) {
-      console.log(smsCl)
       statusText = getSmsClName(smsCl);
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment) {
@@ -331,7 +339,7 @@ export const ListItem = ({
       str = `${accountNo}`;
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
-      str = `${name}(${tid})`;
+      str = `${userMallId}(${mid})`;
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory ||
       additionalServiceCategory === AdditionalServiceCategory.LinkPaymentWait
@@ -390,11 +398,15 @@ export const ListItem = ({
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
       rs.push(
-        //TODO : 
         <div key="face-auth" className="transaction-details">
-          <span>{processStatus}</span>
+          <span>{getStatus()}</span>
           <span className="separator">|</span>
-          <span>{status}</span>
+          <span>
+            {authResult === 'FAIL'
+              ? `${getAuthResultStatusText(authResult)}: ${failReason}`
+              : getAuthResultStatusText(authResult)
+            }
+          </span>
         </div>
       );
     }
@@ -512,8 +524,8 @@ export const ListItem = ({
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
       rs.push(
-        <div className={`status-label ${resultStatus === 'SUCCESS' ? 'success' : 'fail'}`}>
-          {resultStatus === 'SUCCESS' ? '성공' : '실패'}
+        <div className={`status-label ${authResult === 'SUCCESS' ? 'success' : 'fail'}`}>
+          {authResult === 'SUCCESS' ? '성공' : '실패'}
         </div>
       );
     }