diff --git a/app/react/components/datatables/types.ts b/app/react/components/datatables/types.ts index 588d26ad3..11dcac867 100644 --- a/app/react/components/datatables/types.ts +++ b/app/react/components/datatables/types.ts @@ -53,10 +53,11 @@ export interface SettableColumnsTableSettings { } export function hiddenColumnsSettings( - set: ZustandSetFunc + set: ZustandSetFunc, + initialHiddenColumns: string[] = [] ): SettableColumnsTableSettings { return { - hiddenColumns: [], + hiddenColumns: initialHiddenColumns, setHiddenColumns: (hiddenColumns: string[]) => set((s) => ({ ...s, hiddenColumns })), }; @@ -68,10 +69,11 @@ export interface RefreshableTableSettings { } export function refreshableSettings( - set: ZustandSetFunc + set: ZustandSetFunc, + autoRefreshRate = 0 ): RefreshableTableSettings { return { - autoRefreshRate: 0, + autoRefreshRate, setAutoRefreshRate: (autoRefreshRate: number) => set((s) => ({ ...s, autoRefreshRate })), }; @@ -113,6 +115,7 @@ export function createPersistedStore( }) as T, { name: keyBuilder(`datatable_settings_${storageKey}`), + version: 1, } ) ); diff --git a/app/react/edge/edge-stacks/ListView/EdgeStacksDatatable/store.ts b/app/react/edge/edge-stacks/ListView/EdgeStacksDatatable/store.ts index e77ca8e21..f254c56b4 100644 --- a/app/react/edge/edge-stacks/ListView/EdgeStacksDatatable/store.ts +++ b/app/react/edge/edge-stacks/ListView/EdgeStacksDatatable/store.ts @@ -12,9 +12,12 @@ export interface TableSettings SettableColumnsTableSettings, RefreshableTableSettings {} -export function createStore(storageKey: string) { +export function createStore( + storageKey: string, + initialHiddenColumns: string[] = [] +) { return createPersistedStore(storageKey, 'name', (set) => ({ - ...hiddenColumnsSettings(set), - ...refreshableSettings(set), + ...hiddenColumnsSettings(set, initialHiddenColumns), + ...refreshableSettings(set, 10), })); }