diff --git a/frontend/src/component/archive/ArchiveTable/ArchiveTable.tsx b/frontend/src/component/archive/ArchiveTable/ArchiveTable.tsx index d55c3d24b7..388592a206 100644 --- a/frontend/src/component/archive/ArchiveTable/ArchiveTable.tsx +++ b/frontend/src/component/archive/ArchiveTable/ArchiveTable.tsx @@ -9,7 +9,7 @@ import { useTable, } from 'react-table'; import { SearchHighlightProvider } from 'component/common/Table/SearchHighlightContext/SearchHighlightContext'; -import { useMediaQuery } from '@mui/material'; +import { Alert, useMediaQuery } from '@mui/material'; import { sortTypes } from 'utils/sortTypes'; import { useCallback, useEffect, useMemo, useState } from 'react'; import { HighlightCell } from 'component/common/Table/cells/HighlightCell/HighlightCell'; @@ -240,11 +240,7 @@ export const ArchiveTable = ({ isLoading={loading} header={ } > + {rows.length >= 50 && ( + + A maximum of 50 archived flags are displayed. If you + don't see the one you're looking for, try using search. + + )} = { id: 'createdAt' }; const { value, setValue } = createLocalStorage( @@ -12,12 +13,14 @@ const { value, setValue } = createLocalStorage( export const FeaturesArchiveTable = () => { usePageTitle('Archive'); + const [searchParams] = useSearchParams(); const { features: archivedFeatures, loading, refetch, } = useFeatureSearch({ + query: searchParams.get('search') || undefined, archived: 'IS:true', });