diff --git a/frontend/src/component/archive/FeaturesArchiveTable.tsx b/frontend/src/component/archive/FeaturesArchiveTable.tsx index 00ec6242a9..56d35b4070 100644 --- a/frontend/src/component/archive/FeaturesArchiveTable.tsx +++ b/frontend/src/component/archive/FeaturesArchiveTable.tsx @@ -1,9 +1,9 @@ import { useFeaturesArchive } from '../../hooks/api/getters/useFeaturesArchive/useFeaturesArchive'; import { ArchiveTable } from './ArchiveTable/ArchiveTable'; import { useSearchParams } from 'react-router-dom'; -import { useLocalStorage } from '../../hooks/useLocalStorage'; import { SortingRule } from 'react-table'; -import { usePageTitle } from '../../hooks/usePageTitle'; +import { usePageTitle } from 'hooks/usePageTitle'; +import { createLocalStorage } from 'utils/createLocalStorage'; const defaultSort: SortingRule = { id: 'createdAt', desc: true }; @@ -16,7 +16,7 @@ export const FeaturesArchiveTable = () => { } = useFeaturesArchive(); const [searchParams, setSearchParams] = useSearchParams(); - const [storedParams, setStoredParams] = useLocalStorage( + const { value, setValue } = createLocalStorage( 'FeaturesArchiveTable:v1', defaultSort ); @@ -28,8 +28,8 @@ export const FeaturesArchiveTable = () => { loading={loading} searchParams={searchParams} setSearchParams={setSearchParams} - storedParams={storedParams} - setStoredParams={setStoredParams} + storedParams={value} + setStoredParams={setValue} refetch={refetchArchived} /> ); diff --git a/frontend/src/component/archive/ProjectFeaturesArchiveTable.tsx b/frontend/src/component/archive/ProjectFeaturesArchiveTable.tsx index 25bcc50f35..2431a03e5f 100644 --- a/frontend/src/component/archive/ProjectFeaturesArchiveTable.tsx +++ b/frontend/src/component/archive/ProjectFeaturesArchiveTable.tsx @@ -1,8 +1,8 @@ import { ArchiveTable } from './ArchiveTable/ArchiveTable'; import { useSearchParams } from 'react-router-dom'; -import { useLocalStorage } from '../../hooks/useLocalStorage'; import { SortingRule } from 'react-table'; import { useProjectFeaturesArchive } from '../../hooks/api/getters/useProjectFeaturesArchive/useProjectFeaturesArchive'; +import { createLocalStorage } from 'utils/createLocalStorage'; const defaultSort: SortingRule = { id: 'archivedAt', desc: true }; @@ -20,7 +20,7 @@ export const ProjectFeaturesArchiveTable = ({ } = useProjectFeaturesArchive(projectId); const [searchParams, setSearchParams] = useSearchParams(); - const [storedParams, setStoredParams] = useLocalStorage( + const { value, setValue } = createLocalStorage( `${projectId}:ProjectFeaturesArchiveTable`, defaultSort ); @@ -32,8 +32,8 @@ export const ProjectFeaturesArchiveTable = ({ loading={loading} searchParams={searchParams} setSearchParams={setSearchParams} - storedParams={storedParams} - setStoredParams={setStoredParams} + storedParams={value} + setStoredParams={setValue} refetch={refetchArchived} /> );