수정

src/entities/transaction/ui/list-item.tsx

@@ -219,11 +219,11 @@ export const ListItem = ({
         >
           <span>{ getTime() }</span>
           <span className="separator">|</span>
-          <span>{ getTransactionTypeName(t)(transactionType) }</span>
+          <span>{ processResult }</span>
           <span className="separator">|</span>
           <span>{ getPaymentMethodName(t, paymentMethod) }</span>
           <span className="separator">|</span>
-          <span>{ processResult }</span>
+          <span>{ getTransactionTypeName(t)(transactionType) }</span>
         </div>
       );
     }

src/entities/transaction/ui/section/all-transaction-cancel-section-bank-group.tsx

@@ -1,6 +1,7 @@
 import { useTranslation } from 'react-i18next';
 import { useStore } from "@/shared/model/store";
-import { ChangeEvent, useState } from "react";
+import { ChangeEvent, useEffect, useState } from "react";
+import { PatternFormat } from 'react-number-format';
 
 export interface AllTransactionCancelSectionBankGroupProps {
   bankCode?: string;
@@ -36,6 +37,19 @@ export const AllTransactionCancelSectionBankGroup = ({
     setNewAccountHolder(value);
   };
 
+  useEffect(() => {
+    if(setBankCode && newBankCode){
+      setBankCode(newBankCode);
+    }
+    if(setAccountNo && newAccountNo){
+      setAccountNo(newAccountNo);
+    }
+    if(setAccountHolder && newAccountHolder){
+      setAccountHolder(newAccountHolder);
+    }
+    
+  }, [newBankCode, newAccountNo, newAccountHolder])
+
   return (
     <>
       <div className="form-group">
@@ -43,7 +57,7 @@ export const AllTransactionCancelSectionBankGroup = ({
         <div className="input-wrapper wid-100">
           <select
             className="wid-100 align-right"
-            value={ bankCode }
+            value={ newBankCode }
             onChange={ (e: ChangeEvent<HTMLSelectElement>) => onChangeNewBankCode(e.target.value) }
           >
             <option value="">{t('transaction.cancel.bankGroup.select')}</option>
@@ -58,12 +72,13 @@ export const AllTransactionCancelSectionBankGroup = ({
       <div className="form-group">
         <label className="form-label">{t('transaction.fields.accountNo')}</label>
         <div className="input-wrapper wid-100">
-          <input
+          <PatternFormat
-            className="form-input wid-100"
+            className="form-input  wid-100"
-            type="text"
+            value={newAccountNo}
-            value={ newAccountNo }
+            valueIsNumericString
+            format="#################"
             onChange={ (e: ChangeEvent<HTMLInputElement>) => onChangeNewAccountNo(e.target.value) }
-          />
+          ></PatternFormat>
         </div>
       </div>
 

src/locales/ko.json

@@ -559,7 +559,7 @@
             "approvalDate": "승인일자",
             "approvalDay": "승인일",
             "requestStatus": "요청상태",
-            "processResult": "처리결과",
+            "processResult": "진행상태",
             "installmentMonth": "할부개월",
             "installmentPeriod": "할부기간",
             "installmentMonthly": "{{count}}개월 할부",