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:
@@ -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';
|
||||
|
||||
@@ -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
|
||||
};
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user