iritmaximus/nowdatabase
1
0
Fork 0
mirror of https://github.com/nowcommunity/nowdatabase.git synced 2026-10-12 19:13:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

Preserve stored table state on refresh

Browse Source
This commit is contained in:
Kari Lintulaakso
2026-05-21 14:07:26 +03:00
parent 6125471fa3
commit 2f3f4d64b5
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/TableView/TableView.tsx
+4 -2
View File
@@ -240,6 +240,7 @@ export const TableView = <T extends MRT_RowData>({
const searchParams = new URLSearchParams(location.search)
return searchParams.get(TABLE_STATE_URL_PARAM) ?? createTableStateId()
})
const [hasLoadedTableState, setHasLoadedTableState] = useState(Boolean(selectorFn))
const user = useUser()
const { setIdList } = usePageContext<T>()
@@ -614,19 +615,20 @@ export const TableView = <T extends MRT_RowData>({
setColumnFilters(loadStateFromUrl('columnfilters', []))
setSorting(loadStateFromUrl('sorting', defaultSorting ?? []))
setPagination(loadStateFromUrl('pagination', defaultPagination))
setHasLoadedTableState(true)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [])
// Save state to url whenever it changes
useEffect(() => {
if (selectorFn) return
if (selectorFn || !hasLoadedTableState) return
const sanitizedFilters = sanitizeColumnFilters(columnFilters)
saveStoredTableState({ columnfilters: sanitizedFilters, sorting, pagination })
navigate(buildTableStateUrl(), {
replace: true,
})
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [columnFilters, sorting, pagination, selectorFn, table, idFieldName, navigate, tableStateId])
}, [columnFilters, sorting, pagination, selectorFn, table, idFieldName, navigate, tableStateId, hasLoadedTableState])
useEffect(() => {
if (selectorFn) {