Fix TypeScript errors

Fixes TypeScript errors related to type assignments and declaration conflicts. Specifically, addresses the type mismatch in `TransactionEditDialog.tsx` and declaration conflicts in `deleteTransactionStorage.ts`.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-18 04:07:08 +00:00
parent 1fc2ee8a15
commit 1dcd63cb12
3 changed files with 44 additions and 47 deletions

View File

@@ -78,43 +78,48 @@ const TransactionEditDialog: React.FC<TransactionEditDialogProps> = ({
}); });
}; };
const handleDelete = () => { const handleDelete = (): Promise<boolean> => {
try { return new Promise<boolean>((resolve) => {
// 다이얼로그 닫기를 먼저 수행 (UI 블로킹 방지) try {
onOpenChange(false); // 다이얼로그 닫기를 먼저 수행 (UI 블로킹 방지)
onOpenChange(false);
// 잠시 지연 후 삭제 작업 수행 (안정성 향상)
setTimeout(() => { // 잠시 지연 후 삭제 작업 수행 (안정성 향상)
try { setTimeout(() => {
// 트랜잭션 ID 임시 저장 (안전성 확보) try {
const transactionId = transaction.id; // 트랜잭션 ID 임시 저장 (안전성 확보)
const transactionId = transaction.id;
// 부모 컴포넌트의 onDelete 콜백이 있다면 호출
if (onDelete) { // 부모 컴포넌트의 onDelete 콜백이 있다면 호출
onDelete(transactionId); if (onDelete) {
onDelete(transactionId);
}
// 컨텍스트를 통해 트랜잭션 삭제
deleteTransaction(transactionId);
console.log('트랜잭션 삭제 완료:', transactionId);
resolve(true);
} catch (innerError) {
console.error('트랜잭션 삭제 중 내부 오류:', innerError);
toast({
title: "삭제 실패",
description: "지출 항목을 삭제하는데 문제가 발생했습니다.",
variant: "destructive"
});
resolve(false);
} }
}, 100);
// 컨텍스트를 통해 트랜잭션 삭제 } catch (outerError) {
deleteTransaction(transactionId); console.error('트랜잭션 삭제 처리 중 오류:', outerError);
toast({
console.log('트랜잭션 삭제 완료:', transactionId); title: "시스템 오류",
} catch (innerError) { description: "처리 중 문제가 발생했습니다. 다시 시도해주세요.",
console.error('트랜잭션 삭제 중 내부 오류:', innerError); variant: "destructive"
toast({ });
title: "삭제 실패", resolve(false);
description: "지출 항목을 삭제하는데 문제가 발생했습니다.", }
variant: "destructive" });
});
}
}, 100);
} catch (outerError) {
console.error('트랜잭션 삭제 처리 중 오류:', outerError);
toast({
title: "시스템 오류",
description: "처리 중 문제가 발생했습니다. 다시 시도해주세요.",
variant: "destructive"
});
}
}; };
return ( return (

View File

@@ -2,7 +2,7 @@
import { MutableRefObject } from 'react'; import { MutableRefObject } from 'react';
import { Transaction } from '@/components/TransactionCard'; import { Transaction } from '@/components/TransactionCard';
import { saveTransactionsToStorage } from '../../storageUtils'; import { saveTransactionsToStorage } from '../../storageUtils';
import { deleteTransactionFromSupabase } from '../../supabaseUtils'; import { deleteTransactionFromSupabase as deleteFromSupabase } from '../../supabaseUtils';
import { toast } from '@/hooks/useToast.wrapper'; import { toast } from '@/hooks/useToast.wrapper';
import { normalizeDate } from '@/utils/sync/transaction/dateUtils'; import { normalizeDate } from '@/utils/sync/transaction/dateUtils';
@@ -33,7 +33,7 @@ export const handleDeleteStorage = (
setTimeout(() => { setTimeout(() => {
try { try {
// 동기화 작업 실행 // 동기화 작업 실행
deleteTransactionFromSupabase(user, id) deleteFromSupabase(user, id)
.catch(error => { .catch(error => {
console.error('Supabase 삭제 오류:', error); console.error('Supabase 삭제 오류:', error);
}) })
@@ -105,11 +105,4 @@ export const handleDeleteStorage = (
} }
}; };
/** // 내부 함수 선언 제거 (supabaseUtils.ts에서 가져오기 때문에 중복 선언할 필요 없음)
* Supabase에서 트랜잭션 삭제
*/
export const deleteTransactionFromSupabase = async (user: any, transactionId: string): Promise<void> => {
// supabaseUtils에서 구현된 함수 사용
// 이 함수는 네트워크 요청을 처리합니다
return;
};

View File

@@ -1,4 +1,3 @@
import { useCallback, useRef, useEffect } from 'react'; import { useCallback, useRef, useEffect } from 'react';
import { Transaction } from '@/components/TransactionCard'; import { Transaction } from '@/components/TransactionCard';
import { useAuth } from '@/contexts/auth/AuthProvider'; import { useAuth } from '@/contexts/auth/AuthProvider';