Files
aurum/frontend/src/hooks/useTransactions.ts
ZProger 19f5cfa429 feat: import transactions from a CSV bank statement
Fourth of the four ideas picked from the Maybe/Sure feature audit, and the
last one queued up. A 3-step wizard (account -> column mapping -> preview)
at /transactions/import, parsed entirely client-side (new lib/csv.ts —
delimiter auto-detect, 5 date formats, thousands/decimal-separator-aware
amounts) and submitted through a new all-or-nothing POST /transactions/bulk
endpoint, mirroring backup restore's validate-everything-before-touching-
anything approach.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-25 02:44:30 +03:00

75 lines
2.4 KiB
TypeScript

import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import {
bulkCreateTransactions,
createTransaction,
deleteTransaction,
fetchTransactions,
fetchTransactionYears,
updateTransaction,
type TransactionFilters,
} from "@/api/transactions";
import type { TransactionInput } from "@/types";
function useInvalidateAfterTransactionChange() {
const queryClient = useQueryClient();
return () => {
queryClient.invalidateQueries({ queryKey: ["transactions"] });
queryClient.invalidateQueries({ queryKey: ["transaction-years"] });
queryClient.invalidateQueries({ queryKey: ["dashboard-summary"] });
queryClient.invalidateQueries({ queryKey: ["net-worth-summary"] });
queryClient.invalidateQueries({ queryKey: ["category-spending-report"] });
queryClient.invalidateQueries({ queryKey: ["category-ranking"] });
queryClient.invalidateQueries({ queryKey: ["budget-status"] });
queryClient.invalidateQueries({ queryKey: ["financial-alerts"] });
queryClient.invalidateQueries({ queryKey: ["advice"] });
queryClient.invalidateQueries({ queryKey: ["cash-flow"] });
};
}
export function useTransactions(filters: TransactionFilters) {
return useQuery({
queryKey: ["transactions", filters],
queryFn: () => fetchTransactions(filters),
});
}
export function useTransactionYears() {
return useQuery({
queryKey: ["transaction-years"],
queryFn: fetchTransactionYears,
});
}
export function useCreateTransaction() {
const invalidate = useInvalidateAfterTransactionChange();
return useMutation({
mutationFn: (input: TransactionInput) => createTransaction(input),
onSuccess: invalidate,
});
}
export function useUpdateTransaction() {
const invalidate = useInvalidateAfterTransactionChange();
return useMutation({
mutationFn: ({ id, input }: { id: number; input: Partial<TransactionInput> }) =>
updateTransaction(id, input),
onSuccess: invalidate,
});
}
export function useBulkCreateTransactions() {
const invalidate = useInvalidateAfterTransactionChange();
return useMutation({
mutationFn: (items: TransactionInput[]) => bulkCreateTransactions(items),
onSuccess: invalidate,
});
}
export function useDeleteTransaction() {
const invalidate = useInvalidateAfterTransactionChange();
return useMutation({
mutationFn: (id: number) => deleteTransaction(id),
onSuccess: invalidate,
});
}