Fix data reset and deletion issues

- Ensure complete cloud data deletion during data reset.
- Resolve app freeze issue when deleting transactions on the transaction history page.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-17 23:01:50 +00:00
parent 88cc1af139
commit d3e8119f24
6 changed files with 184 additions and 56 deletions

View File

@@ -1,12 +1,12 @@
import { useCallback } from 'react';
import { FilteringProps, FilteringReturn } from './types';
import { useMonthSelection } from './useMonthSelection';
import { useFilterApplication } from './useFilterApplication';
import { useTotalCalculation } from './useTotalCalculation';
import { FilteringProps, FilteringReturn } from './types';
/**
* 트랜잭션 필터링 작업 관련 훅
* 월 선택, 필터 적용, 총액 계산 기능을 제공합니다.
* 트랜잭션 필터링 관련 기능을 통합한
*/
export const useTransactionsFiltering = ({
transactions,
@@ -16,27 +16,32 @@ export const useTransactionsFiltering = ({
setFilteredTransactions
}: FilteringProps): FilteringReturn => {
// 월 선택 관련 기능
const { handlePrevMonth, handleNextMonth } = useMonthSelection(
const { handlePrevMonth, handleNextMonth } = useMonthSelection({
selectedMonth,
setSelectedMonth
);
});
// 필터 적용
useFilterApplication(
// 필터 적용 관련 기능
const { filterTransactions } = useFilterApplication({
transactions,
selectedMonth,
searchQuery,
setFilteredTransactions
);
});
// 총 지출 계산
// 총 지출 계산 관련 기능
const { getTotalExpenses } = useTotalCalculation();
// 강제 필터링 실행 함수 (외부에서 호출 가능)
const forceRefresh = useCallback(() => {
console.log('필터 강제 새로고침');
filterTransactions();
}, [filterTransactions]);
return {
handlePrevMonth,
handleNextMonth,
getTotalExpenses
getTotalExpenses,
forceRefresh
};
};
export * from './types';

View File

@@ -1,32 +1,88 @@
import { useEffect } from 'react';
import { useCallback, useEffect } from 'react';
import { Transaction } from '@/components/TransactionCard';
import {
filterTransactionsByMonth,
filterTransactionsByQuery
} from '../filterUtils';
import { FilteringProps } from './types';
/**
* 필터 적용 관련 훅
* 트랜잭션에 대한 월별/검색어 필터링을 적용합니다.
* 거래 필터링 로직
* 선택된 월과 검색어를 기준으로 거래를 필터링합니다.
*/
export const useFilterApplication = (
transactions: Transaction[],
selectedMonth: string,
searchQuery: string,
setFilteredTransactions: (transactions: Transaction[]) => void
) => {
// 필터 적용
useEffect(() => {
// 1. 월별 필터링
let filtered = filterTransactionsByMonth(transactions, selectedMonth);
// 2. 검색어 필터링
if (searchQuery.trim()) {
filtered = filterTransactionsByQuery(filtered, searchQuery);
export const useFilterApplication = ({
transactions,
selectedMonth,
searchQuery,
setFilteredTransactions
}: Pick<FilteringProps, 'transactions' | 'selectedMonth' | 'searchQuery' | 'setFilteredTransactions'>) => {
// 거래 필터링 함수
const filterTransactions = useCallback(() => {
try {
// 현재 연도 가져오기
const currentYear = new Date().getFullYear();
// 선택된 월에 대한 데이터 필터링
const [selectedMonthName, selectedMonthNumber] = selectedMonth.split(' ');
const monthToFilter = parseInt(selectedMonthNumber);
// 월별 필터링
let filtered = transactions.filter(transaction => {
if (!transaction.date) return false;
// 직접 저장된 date 문자열에서 날짜 추출 시도
try {
if (transaction.date.includes('오늘')) {
// '오늘, HH:MM' 형식인 경우 현재 월로 간주
const today = new Date();
return today.getMonth() + 1 === monthToFilter;
} else if (transaction.date.includes('년')) {
// 'YYYY년 MM월 DD일' 형식인 경우
const monthPart = transaction.date.split('년')[1]?.trim().split('월')[0];
if (monthPart) {
return parseInt(monthPart) === monthToFilter;
}
return false;
} else {
// ISO 문자열 또는 다른 표준 형식으로 저장된 경우
const date = new Date(transaction.date);
if (!isNaN(date.getTime())) {
return date.getMonth() + 1 === monthToFilter;
}
return false;
}
} catch (e) {
console.error('날짜 파싱 오류:', e, transaction.date);
return false;
}
});
console.log(`월별 필터링: ${selectedMonth} 트랜잭션 수: ${filtered.length}`);
// 검색어에 따른 필터링 (추가)
if (searchQuery.trim()) {
const searchLower = searchQuery.toLowerCase();
filtered = filtered.filter(transaction =>
transaction.title.toLowerCase().includes(searchLower) ||
transaction.category.toLowerCase().includes(searchLower) ||
transaction.amount.toString().includes(searchQuery)
);
}
// 필터링된 거래 설정
setFilteredTransactions(filtered);
console.log(`필터링 결과: ${filtered.length} 트랜잭션`);
} catch (error) {
console.error('거래 필터링 중 오류:', error);
// 오류 발생 시 빈 배열 설정
setFilteredTransactions([]);
}
console.log('필터링 결과:', filtered.length, '트랜잭션');
setFilteredTransactions(filtered);
}, [transactions, selectedMonth, searchQuery, setFilteredTransactions]);
// 필터링 트리거
useEffect(() => {
filterTransactions();
}, [transactions, selectedMonth, searchQuery, filterTransactions]);
return {
filterTransactions
};
};