From 03e9671ec6bee5f4bcf0e3a6c77321ba6e63e4c2 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 5 Apr 2025 05:48:21 +0000
Subject: [PATCH] Fix: Data reset not clearing transactions

Ensures that the data reset function correctly clears all transaction data from local storage.
---
 src/contexts/budget/storage/resetStorage.ts     |  2 ++
 .../budget/storage/transactionStorage.ts        | 11 +++++++++++
 src/hooks/useDataReset.ts                       | 17 ++++++++++++++---
 src/utils/formatters.ts                         |  5 ++---
 src/utils/storageUtils.ts                       |  4 ++++
 5 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/contexts/budget/storage/resetStorage.ts b/src/contexts/budget/storage/resetStorage.ts
index 3561897..e5b3212 100644
--- a/src/contexts/budget/storage/resetStorage.ts
+++ b/src/contexts/budget/storage/resetStorage.ts
@@ -56,6 +56,8 @@ export const resetAllData = (): void => {
     const initialBudgetData = getInitialBudgetData();
     localStorage.setItem('budgetData', JSON.stringify(initialBudgetData));
     localStorage.setItem('categoryBudgets', JSON.stringify(DEFAULT_CATEGORY_BUDGETS));
+    
+    // 중요: 트랜잭션은 반드시 빈 배열로 설정
     localStorage.setItem('transactions', JSON.stringify([]));
     
     // 중요: budgetData_backup도 설정하여 복구 가능하게 함
diff --git a/src/contexts/budget/storage/transactionStorage.ts b/src/contexts/budget/storage/transactionStorage.ts
index 843e8a4..d34b45f 100644
--- a/src/contexts/budget/storage/transactionStorage.ts
+++ b/src/contexts/budget/storage/transactionStorage.ts
@@ -98,6 +98,7 @@ export const saveTransactionsToStorage = (transactions: Transaction[]): void =>
  */
 export const clearAllTransactions = (): void => {
   try {
+    // 기존 키 완전 삭제
     localStorage.removeItem('transactions');
     localStorage.removeItem('transactions_backup');
     
@@ -106,6 +107,16 @@ export const clearAllTransactions = (): void => {
     localStorage.setItem('transactions', emptyData);
     localStorage.setItem('transactions_backup', emptyData);
     
+    // 관련 백업 데이터도 모두 초기화
+    const transactionKeys = Object.keys(localStorage).filter(key => 
+      key.includes('transaction') || key.includes('expense') || key.includes('spending')
+    );
+    
+    transactionKeys.forEach(key => {
+      localStorage.removeItem(key);
+      console.log(`관련 트랜잭션 데이터 삭제: ${key}`);
+    });
+    
     console.log('모든 트랜잭션이 삭제되었습니다.');
     
     // 스토리지 이벤트 수동 트리거
diff --git a/src/hooks/useDataReset.ts b/src/hooks/useDataReset.ts
index ef6b225..79dc8c2 100644
--- a/src/hooks/useDataReset.ts
+++ b/src/hooks/useDataReset.ts
@@ -78,9 +78,18 @@ export const useDataReset = () => {
         }
       }
       
-      // 데이터 초기화
+      // 데이터 초기화 (개선된 메소드 사용)
       resetAllStorageData();
       
+      // 추가 초기화를 위해 빈 데이터 명시적 설정
+      localStorage.setItem('transactions', JSON.stringify([]));
+      localStorage.setItem('budgetData', JSON.stringify({
+        daily: {targetAmount: 0, spentAmount: 0, remainingAmount: 0},
+        weekly: {targetAmount: 0, spentAmount: 0, remainingAmount: 0},
+        monthly: {targetAmount: 0, spentAmount: 0, remainingAmount: 0}
+      }));
+      localStorage.setItem('categoryBudgets', JSON.stringify({}));
+      
       // 사용자 설정 복원
       if (dontShowWelcomeValue) {
         localStorage.setItem('dontShowWelcome', dontShowWelcomeValue);
@@ -139,8 +148,10 @@ export const useDataReset = () => {
       
       console.log('모든 데이터 초기화 완료');
       
-      // 페이지 리프레시 대신 navigate 사용 (딜레이 제거)
-      navigate('/settings', { replace: true });
+      // 페이지 리프레시를 위해 잠시 후에 새로고침
+      setTimeout(() => {
+        window.location.reload();
+      }, 500);
       
       return { isCloudResetSuccess: cloudResetSuccess };
     } catch (error) {
diff --git a/src/utils/formatters.ts b/src/utils/formatters.ts
index ed08001..a6e9365 100644
--- a/src/utils/formatters.ts
+++ b/src/utils/formatters.ts
@@ -26,9 +26,8 @@ export const formatWithCommas = (value: string): string => {
   return addCommas(removeCommas(value));
 };
 
-// 지출 비율 계산 함수 추가
+// 지출 비율 계산 함수 - 100% 제한 제거
 export const calculatePercentage = (spent: number, target: number): number => {
   if (target === 0) return 0;
-  return Math.min(Math.round((spent / target) * 100), 100);
+  return Math.round((spent / target) * 100); // 제한 제거 - 100%를 초과할 수 있음
 };
-
diff --git a/src/utils/storageUtils.ts b/src/utils/storageUtils.ts
index 9d43eeb..733721d 100644
--- a/src/utils/storageUtils.ts
+++ b/src/utils/storageUtils.ts
@@ -103,6 +103,10 @@ export const resetAllStorageData = (): void => {
       console.log('[스토리지 초기화] 카테고리 예산 백업 삭제됨');
     }
     
+    // 중요: 트랜잭션 및 빈 배열로 초기화하여 확실하게 비움
+    localStorage.setItem('transactions', JSON.stringify([]));
+    localStorage.setItem('transactions_backup', JSON.stringify([]));
+    
     console.log('[스토리지 초기화] 완료');
   } catch (error) {
     console.error('[스토리지 초기화] 오류:', error);