mirror of
https://github.com/elisiariocouto/leggen.git
synced 2025-12-13 19:32:25 +00:00
544527f282
- Add @tanstack/react-table package for advanced table functionality - Create new TransactionsTable component with sorting, pagination, and filtering - Implement column sorting for description, amount, and date - Add pagination with configurable page sizes (10, 25, 50, 100) - Implement global search across multiple fields (description, creditor, debtor, reference) - Add quick date filters (Last 7 days, Last 30 days, This month) - Add amount range filtering (min/max) - Ensure mobile responsiveness with proper table layout - Integrate RawTransactionModal with table actions - Replace TransactionsList with TransactionsTable in routes - Fix table freezing issue by removing conflicting filtering logic - Optimize performance with TanStack Table's built-in state management
12 lines
416 B
TypeScript
12 lines
416 B
TypeScript
import { createFileRoute } from "@tanstack/react-router";
|
|
import TransactionsTable from "../components/TransactionsTable";
|
|
|
|
export const Route = createFileRoute("/transactions")({
|
|
component: TransactionsTable,
|
|
validateSearch: (search) => ({
|
|
accountId: search.accountId as string | undefined,
|
|
startDate: search.startDate as string | undefined,
|
|
endDate: search.endDate as string | undefined,
|
|
}),
|
|
});
|