Further stabilize transaction deletion

Attempt to further stabilize transaction deletion process and address potential UI freezing issues.

src/hooks/transactions/transactionOperations/deleteOperation/deleteTransactionStorage.ts

@@ -2,11 +2,11 @@
 import { MutableRefObject } from 'react';
 import { Transaction } from '@/components/TransactionCard';
 import { saveTransactionsToStorage } from '../../storageUtils';
-import { deleteTransactionFromSupabase } from '../../supabaseUtils';
+import { deleteTransactionFromServer } from '@/utils/sync/transaction/deleteTransaction';
 import { toast } from '@/hooks/useToast.wrapper';
 
 /**
- * 스토리지 및 Supabase 삭제 처리 - Supabase Cloud에 최적화된 버전
+ * 스토리지 및 Supabase 삭제 처리 - 안정성 개선 버전
  */
 export const handleDeleteStorage = (
   updatedTransactions: Transaction[],
@@ -16,7 +16,7 @@ export const handleDeleteStorage = (
 ): Promise<boolean> => {
   return new Promise((resolve) => {
     try {
-      // 1. 로컬 스토리지 즉시 업데이트 - 가장 중요한 부분
+      // 즉시 로컬 저장소 업데이트 (가장 중요한 부분)
       try {
         saveTransactionsToStorage(updatedTransactions);
         console.log('로컬 스토리지에서 트랜잭션 삭제 완료 (ID: ' + id + ')');
@@ -24,46 +24,36 @@ export const handleDeleteStorage = (
         console.error('로컬 스토리지 저장 실패:', storageError);
       }
       
-      // 상태 정리 - 삭제 완료로 표시
+      // 삭제 완료 상태로 업데이트 (pending 제거)
       pendingDeletionRef.current.delete(id);
       
-      // 로그인되지 않은 경우 즉시 성공 반환
-      if (!user) {
-        console.log('로그인 상태 아님 - 로컬 삭제만 수행');
-        resolve(true);
-        return;
+      // 로그인된 경우에만 서버 동기화 시도
+      if (user && user.id) {
+        try {
+          // 비동기 작업 실행 (결과 기다리지 않음)
+          deleteTransactionFromServer(user.id, id)
+            .then(() => {
+              console.log('서버 삭제 완료:', id);
+            })
+            .catch(serverError => {
+              console.error('서버 삭제 실패 (무시됨):', serverError);
+            });
+        } catch (syncError) {
+          console.error('서버 동기화 요청 실패 (무시됨):', syncError);
+        }
       }
       
-      // 2. Supabase Cloud 삭제는 백그라운드로 처리 (결과는 기다리지 않음)
-      const deleteFromSupabase = async () => {
-        try {
-          // Supabase Cloud에 최적화된 삭제 요청
-          await Promise.race([
-            deleteTransactionFromSupabase(user, id),
-            new Promise((_, reject) => setTimeout(() => reject(new Error('Supabase 삭제 타임아웃')), 5000))
-          ]);
-          
-          console.log('Supabase 삭제 성공:', id);
-        } catch (error) {
-          console.error('Supabase 삭제 실패 (백그라운드 작업):', error);
-          // 삭제 실패 알림 (선택적)
-          toast({
-            title: "동기화 문제",
-            description: "클라우드 데이터 삭제에 실패했습니다. 나중에 다시 시도합니다.",
-            variant: "default"
-          });
-        }
-      };
-      
-      // 백그라운드로 실행 (await 안 함)
-      deleteFromSupabase();
-      
-      // 3. 즉시 성공 반환 (UI 응답성 유지)
+      // 항상 성공으로 간주 (UI 응답성 우선)
       resolve(true);
     } catch (error) {
-      console.error('삭제 작업 중 일반 오류:', error);
-      // 오류 발생해도 UI는 이미 업데이트되었으므로 성공 반환
-      pendingDeletionRef.current.delete(id);
+      console.error('트랜잭션 삭제 스토리지 전체 오류:', error);
+      
+      // 안전하게 pending 상태 제거
+      if (pendingDeletionRef.current.has(id)) {
+        pendingDeletionRef.current.delete(id);
+      }
+      
+      // 심각한 오류 발생해도 UI는 이미 업데이트되었으므로 성공 반환
       resolve(true);
     }
   });