현금영수증 리스트

src/entities/transaction/ui/cash-receipt-list.tsx

@@ -11,15 +11,43 @@ export const CashReceiptList = ({
   
   const getListDateGroup = () => {
     let rs = [];
-    for (const [key, value] of Object.entries(listItems)) {
+    let date = '';
+    let list = [];
+    for(let i=0;i<listItems.length;i++){
+      let items = listItems[i];
+      if(!!items){
+        let transactionDate = items.transactionDate;
+        if(!!transactionDate){
+          if(i === 0){
+            date = transactionDate;
+          }
+          if(date !== transactionDate){
+            date = transactionDate;
+            if(list.length > 0){
+              rs.push(
+                <ListDateGroup
+                  transactionCategory={ transactionCategory }
+                  key={ date + '-' + i }
+                  date={ date }
+                  items={ list }
+                ></ListDateGroup>
+              );
+            }
+            list = [];
+          }
+          list.push(items);
+        }
+      }
+    }
+    if(list.length > 0){
       rs.push(
         <ListDateGroup
           transactionCategory={ transactionCategory }
-          key={ key }
-          date={ key }
-          items={ value }
+          key={ date + '-last' }
+          date={ date }
+          items={ list }
         ></ListDateGroup>
-      );  
+      );
     }
     return rs;
   };
@@ -31,13 +59,13 @@ export const CashReceiptList = ({
   return (
     <>
       <div className="transaction-list">
-        { getListDateGroup() }
-        <div className="apply-row bottom-padding">
-          <button 
-            className="btn-50 btn-blue flex-1"
-            onClick={ () => onClickToNavigate() }          
-          >수기발행</button>
-        </div>
+      { getListDateGroup() }
+      </div>
+      <div className="apply-row">
+        <button 
+          className="btn-50 btn-blue flex-1"
+          onClick={ () => onClickToNavigate() }          
+        >수기발행</button>
       </div>  
     </>
   );