unleash.unleash/frontend/src/component/archive/FeaturesArchiveTable.tsx

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';

const defaultSort: SortingRule<string> = { id: 'createdAt', desc: true };

export const FeaturesArchiveTable = () => {
    usePageTitle('Archived');
    const {
        archivedFeatures = [],
        loading,
        refetchArchived,
    } = useFeaturesArchive();

    const [searchParams, setSearchParams] = useSearchParams();
    const [storedParams, setStoredParams] = useLocalStorage(
        'FeaturesArchiveTable:v1',
        defaultSort
    );

    return (
        <ArchiveTable
            title={'Archived'}
            archivedFeatures={archivedFeatures}
            loading={loading}
            searchParams={searchParams}
            setSearchParams={setSearchParams}
            storedParams={storedParams}
            setStoredParams={setStoredParams}
            refetch={refetchArchived}
        />
    );
};