알림톡 리스트

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

@@ -22,7 +22,10 @@ export const ListItem = ({
   receiveAccountNo, receiveAccountName,
   status, processDate,
 
-  orderStatus, arsPaymentMethod
+  orderStatus, arsPaymentMethod,
+
+  alimCl, sendType, sendCl,
+  paymentMethod, receiverName
 }: ListItemProps) => {
   const { navigate } = useNavigate();
   const getItemClass = () => {
@@ -183,6 +186,15 @@ export const ListItem = ({
         }
       });
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.Alimtalk){
+      navigate(PATHS.additionalService.alimtalk.detail, {
+        state: {
+          additionalServiceCategory: additionalServiceCategory,
+          mid: mid,
+          tid: tid,
+        }
+      });
+    }
     else {
       alert('additionalServiceCategory가 존재하지 않습니다.');
     }
@@ -212,6 +224,10 @@ export const ListItem = ({
       let time = paymentDate?.substring(8, 12);
       timeStr = time?.substring(0, 2) + ':' + time?.substring(2, 4);
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.Alimtalk){
+      let time = paymentDate?.substring(8, 12);
+      timeStr = time?.substring(0, 2) + ':' + time?.substring(2, 4);
+    }
     else {
       return
     }
@@ -250,6 +266,9 @@ export const ListItem = ({
     else if(additionalServiceCategory === AdditionalServiceCategory.Ars){
       str = '이름(' + tid + ')';
     }
+    else if(additionalServiceCategory === AdditionalServiceCategory.Alimtalk){
+      str = `${receiverName}(${tid})`;
+    }
 
     return str;
   };
@@ -353,6 +372,17 @@ export const ListItem = ({
         </div>
       );
     }
+    else if(additionalServiceCategory === AdditionalServiceCategory.Alimtalk){
+      rs.push(
+        <div className="transaction-details">
+          <span>{ getTime() }</span>
+          <span className="separator">|</span>
+          <span>{ paymentMethod }</span>
+          <span className="separator">|</span>
+          <span>{ alimCl }</span>
+        </div>
+      );
+    }
     return rs;
   };
 
@@ -458,6 +488,14 @@ export const ListItem = ({
         </div>
       );
     }
+    else if (additionalServiceCategory === AdditionalServiceCategory.Alimtalk) {
+      rs.push(
+        <div
+          key="payout-item-amount"
+          className="transaction-amount"
+        >{ sendCl }</div>
+      );
+    }
     return rs;
   }