From ceb6dd4bcb8bb7340da62c9a8aad6a56b7d0be58 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 18 Mar 2025 05:08:10 +0000
Subject: [PATCH] Fix type error in TransactionDateGroup

The onDelete prop in TransactionCard component expects a function that returns boolean or Promise<boolean>, but TransactionDateGroup was passing a function with void return type. This commit updates the type definition to match the expected return type.
---
 .../transactions/TransactionDateGroup.tsx          | 14 ++++++++++++--
 src/components/transactions/TransactionsList.tsx   |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/transactions/TransactionDateGroup.tsx b/src/components/transactions/TransactionDateGroup.tsx
index 8a29cdb..6321a3a 100644
--- a/src/components/transactions/TransactionDateGroup.tsx
+++ b/src/components/transactions/TransactionDateGroup.tsx
@@ -5,7 +5,7 @@ import TransactionCard, { Transaction } from '@/components/TransactionCard';
 interface TransactionDateGroupProps {
   date: string;
   transactions: Transaction[];
-  onTransactionDelete: (id: string) => void;
+  onTransactionDelete: (id: string) => Promise<boolean> | boolean;
 }
 
 const TransactionDateGroup: React.FC<TransactionDateGroupProps> = ({
@@ -13,6 +13,16 @@ const TransactionDateGroup: React.FC<TransactionDateGroupProps> = ({
   transactions,
   onTransactionDelete
 }) => {
+  // onTransactionDelete 함수를 래핑하여 Promise<boolean>을 반환하도록 보장
+  const handleDelete = async (id: string): Promise<boolean> => {
+    try {
+      return await onTransactionDelete(id);
+    } catch (error) {
+      console.error('트랜잭션 삭제 처리 중 오류:', error);
+      return false;
+    }
+  };
+
   return (
     <div>
       <div className="flex items-center gap-2 mb-3">
@@ -26,7 +36,7 @@ const TransactionDateGroup: React.FC<TransactionDateGroupProps> = ({
           <TransactionCard 
             key={transaction.id} 
             transaction={transaction}
-            onDelete={onTransactionDelete}
+            onDelete={handleDelete}
           />
         ))}
       </div>
diff --git a/src/components/transactions/TransactionsList.tsx b/src/components/transactions/TransactionsList.tsx
index 1b6fd67..1e9c09c 100644
--- a/src/components/transactions/TransactionsList.tsx
+++ b/src/components/transactions/TransactionsList.tsx
@@ -5,7 +5,7 @@ import TransactionDateGroup from './TransactionDateGroup';
 
 interface TransactionsListProps {
   groupedTransactions: Record<string, Transaction[]>;
-  onTransactionDelete: (id: string) => void;
+  onTransactionDelete: (id: string) => Promise<boolean> | boolean;
 }
 
 const TransactionsList: React.FC<TransactionsListProps> = ({