자금이체 이체신청 필터 까지

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

@@ -16,7 +16,11 @@ export const ListItem = ({
   accountName,transferStatus,
 
   submallId, settlementDate, companyName,
-  disbursementStatus, disbursementAmount
+  disbursementStatus, disbursementAmount,
+
+  transferAmount, receiveBankName, 
+  receiveAccountNo, receiveAccountName,
+  status, processDate
 }: ListItemProps) => {
   const { navigate } = useNavigate();
   const getItemClass = () => {
@@ -171,6 +175,9 @@ 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.FundAccount) {
+      timeStr = moment(requestDate).format('mm:ss');
+    }
     else {
       return
     }
@@ -200,6 +207,9 @@ export const ListItem = ({
     else if (additionalServiceCategory === AdditionalServiceCategory.Payout) {
       str = companyName;
     }
+    else if(additionalServiceCategory === AdditionalServiceCategory.FundAccount){
+      str = `${receiveAccountName}(${receiveAccountNo})`
+    }
 
     return str;
   };
@@ -272,6 +282,15 @@ export const ListItem = ({
         </div>
       );
     }
+    else if(additionalServiceCategory === AdditionalServiceCategory.FundAccount){
+      rs.push(
+        <div className="transaction-details">
+          <span>{ getTime() }</span>
+          <span className="separator">|</span>
+          <span>{ status }</span>
+        </div>
+      );
+    }
     return rs;
   };
 
@@ -291,7 +310,7 @@ export const ListItem = ({
             value={amount}
             thousandSeparator
             displayType="text"
-            suffix={'원'}
+            suffix='원'
           ></NumericFormat>
         </div>
       );
@@ -312,10 +331,10 @@ export const ListItem = ({
             value={amount}
             thousandSeparator
             displayType="text"
-            suffix={'원'}
+            suffix='원'
           ></NumericFormat>
         </div>
-      )
+      );
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.Payout) {
       rs.push(
@@ -327,10 +346,25 @@ export const ListItem = ({
             value={disbursementAmount}
             thousandSeparator
             displayType="text"
-            suffix={'원'}
+            suffix='원'
           ></NumericFormat>
         </div>
-      )
+      );
+    }
+    else if (additionalServiceCategory === AdditionalServiceCategory.FundAccount) {
+      rs.push(
+        <div
+          key="payout-item-amount"
+          className="transaction-amount"
+        >
+          <NumericFormat
+            value={transferAmount}
+            thousandSeparator
+            displayType="text"
+            suffix='원'
+          ></NumericFormat>
+        </div>
+      );
     }
     return rs;
   }
@@ -345,10 +379,10 @@ export const ListItem = ({
           <div className={`status-dot ${getDotClass()}`}></div>
         </div>
         <div className="transaction-content">
-          <div className="transaction-title">{getTitle()}</div>
-          {getDetail()}
+          <div className="transaction-title">{ getTitle() }</div>
+          { getDetail() }
         </div>
-        {getAmount()}
+        { getAmount() }
       </div>
     </>
   );