mirror of
https://github.com/Zproger/Aurum.git
synced 2026-10-14 19:46:40 +07:00
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>
75 lines
2.4 KiB
TypeScript
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,
|
|
});
|
|
}
|