거래내역 관련

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

@@ -0,0 +1,44 @@
+import { PATHS } from '@/shared/constants/paths';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { CashReceiptListProps } from '../model/types';
+import { ListDateGroup } from './list-date-group';
+
+export const CashReceiptList = ({ 
+  transactionCategory,
+  listItems 
+}: CashReceiptListProps) => {
+  const { navigate } = useNavigate();
+  
+  const getListDateGroup = () => {
+    let rs = [];
+    for (const [key, value] of Object.entries(listItems)) {
+      rs.push(
+        <ListDateGroup
+          transactionCategory={ transactionCategory }
+          key={ key }
+          date={ key }
+          items={ value }
+        ></ListDateGroup>
+      );  
+    }
+    return rs;
+  };
+
+  const onClickToNavigate = () => {
+    navigate(PATHS.transaction.cashReceipt.handWrittenIssuance);
+  };
+
+  return (
+    <>
+      <div className="transaction-list">
+        { getListDateGroup() }
+        <div className="apply-row bottom-padding">
+          <button 
+            className="btn-50 btn-blue flex-1"
+            onClick={ () => onClickToNavigate() }          
+          >수기발행</button>
+        </div>
+      </div>  
+    </>
+  );
+};