- 안면인증 페이지 추가 (추후 목업으로 추가 작업 필요)

- 자금이체 : isFormValid(이체신청 Validation 추가[임시] 추가 작업 필요)

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

@@ -28,6 +28,7 @@ export const ListItem = ({
   paymentMethod, receiverName,
 
   smsCl,
+  name,
   onResendClick
 }: ListItemProps) => {
   const { navigate } = useNavigate();
@@ -80,6 +81,14 @@ export const ListItem = ({
         rs = 'gray';
       }
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
+      if (resultStatus === "SUCCESS") {
+        rs = 'blue';
+      }
+      else if (resultStatus === "FAIL") {
+        rs = 'gray';
+      }
+    }
     else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory) {
       if (paymentStatus === "PAYMENT_COMPLETE") {
         rs = 'blue';
@@ -115,12 +124,15 @@ export const ListItem = ({
   };
 
   const onClickToNavigate = () => {
+    // 상세페이지 없음
     if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment ||
-      additionalServiceCategory === AdditionalServiceCategory.SMSPayment
+      additionalServiceCategory === AdditionalServiceCategory.SMSPayment ||
+      additionalServiceCategory === AdditionalServiceCategory.FaceAuth
     ) {
 
       return;
     }
+    //이하 상세페이지 존재
     else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
       navigate(PATHS.additionalService.accountHolderAuth.detail, {
         state: {
@@ -225,6 +237,10 @@ export const ListItem = ({
       let time = requestDate?.substring(8, 14);
       timeStr = time?.substring(0, 2) + ':' + time?.substring(2, 4) + ':' + time?.substring(4, 6);
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
+      let time = requestDate?.substring(8, 14);
+      timeStr = time?.substring(0, 2) + ':' + time?.substring(2, 4) + ':' + time?.substring(4, 6);
+    }
     else if (additionalServiceCategory === AdditionalServiceCategory.FundAccountTransfer) {
       timeStr = moment(requestDate).format('mm:ss');
     }
@@ -256,6 +272,9 @@ export const ListItem = ({
     else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch) {
       str = `${accountNo}`;
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
+      str = `${name}(${tid})`;
+    }
     else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory ||
       additionalServiceCategory === AdditionalServiceCategory.LinkPaymentWait
     ) {
@@ -316,6 +335,16 @@ export const ListItem = ({
         </div>
       );
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
+      rs.push(
+        //TODO : 추후 수정 필요
+        <div key="face-auth" className="transaction-details">
+          <span>{processStatus}</span>
+          <span className="separator">|</span>
+          <span>{status}</span>
+        </div>
+      );
+    }
     else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory) {
       if (paymentStatus === "PAYMENT_FAIL" || paymentStatus === "INACTIVE") {
         rs.push(
@@ -418,6 +447,13 @@ export const ListItem = ({
         </div>
       );
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
+      rs.push(
+        <div className={`status-label ${resultStatus === 'SUCCESS' ? 'success' : 'fail'}`}>
+          {resultStatus === 'SUCCESS' ? '성공' : '실패'}
+        </div>
+      );
+    }
     else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
       rs.push(
         <div className={`status-label ${(transferStatus === 'REQUEST' || transferStatus === 'SUCCESS') ? 'success' : 'fail'}`}>