- 부가서비스 공통 ListDateGroupProps,ListItemProps 추가

src/entities/additional-service/ui/list-date-group.tsx

@@ -0,0 +1,67 @@
+import moment from 'moment';
+import 'moment/dist/locale/ko';
+import { ListDateGroupProps } from '../model/types';
+import { ListItem } from '../ui/list-item';
+
+export const ListDateGroup = ({
+  additionalServiceCategory,
+  date,
+  items
+}: ListDateGroupProps) => {
+  moment.locale('ko');
+  const getStateDate = () => {
+    let stateDate = moment(date).format('YY.MM.DD(ddd)');
+    return stateDate;
+  };
+
+  const getListItem = () => {
+    let rs = [];
+    if(!!items && items.length>0){
+      for(let i=0;i<items.length;i++){
+        let key = 'ListItem-'+i;
+        rs.push(
+          <ListItem
+            additionalServiceCategory={ additionalServiceCategory }
+            key={ key }
+            tid={ items[i]?.tid }
+            mid={ items[i]?.mid }
+            stateDate={ items[i]?.stateDate }
+            stateCode={ items[i]?.stateCode }
+            stateName={ items[i]?.stateName }
+            installmentMonth={ items[i]?.installmentMonth }
+            serviceCode={ items[i]?.serviceCode }
+            serviceName={ items[i]?.serviceName }
+            serviceDetailName={ items[i]?.serviceDetailName }
+            goodsAmount={ items[i]?.goodsAmount }
+
+            requestId={ items[i]?.requestId }
+            requestDate={ items[i]?.requestDate }
+            bank={ items[i]?.bank }
+            accountNumber={ items[i]?.accountNumber }
+            accountHolder={ items[i]?.accountHolder }
+            processResult={ items[i]?.processResult }
+
+            transactionId={ items[i]?.transactionId }
+            customerName={ items[i]?.customerName }
+            status={ items[i]?.status }
+            channel={ items[i]?.channel }
+            amount={ items[i]?.amount }
+            sendDate={ items[i]?.sendDate }
+            transactionDate={ items[i]?.transactionDate }
+          ></ListItem>
+        )
+      }  
+    }
+    
+    return rs;
+  };
+
+  return (
+    <>
+      <div className="date-group">
+        <div className="date-header">{ getStateDate() }</div>
+        { getListItem() }
+      </div>
+    </>
+  );
+};