Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

add search and filters

Browse Source
This commit is contained in:
andreas-unleash 2022-06-08 14:36:29 +03:00
parent e53baaf718
commit 65c252a20c
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/component/archive/ArchiveTable/ArchiveTable.tsx
View File

@ -31,6 +31,7 @@ import useToast from '../../../hooks/useToast';
import { formatUnknownError } from '../../../utils/formatUnknownError';
import { useSearch } from '../../../hooks/useSearch';
import { FeatureArchivedCell } from '../../common/Table/cells/FeatureArchivedCell/FeatureArchivedCell';
import { useVirtualizedRange } from '../../../hooks/useVirtualizedRange';
export interface IFeaturesArchiveTableProps {
archivedFeatures: FeatureSchema[];
@ -100,7 +101,7 @@ export const ArchiveTable = ({
{
Header: 'Feature toggle Name',
accessor: 'name',
filterName: 'name',
searchable: true,
minWidth: 100,
Cell: ({ value, row: { original } }: any) => (
<HighlightCell
@ -128,6 +129,8 @@ export const ArchiveTable = ({
Header: 'Project ID',
accessor: 'project',
sortType: 'alphanumeric',
filterName: 'project',
searchable: true,
maxWidth: 150,
Cell: ({ value }: any) => (
<LinkCell title={value} to={`/projects/${value}}`} />
@ -139,7 +142,8 @@ export const ArchiveTable = ({
Cell: FeatureStaleCell,
sortType: 'boolean',
maxWidth: 120,
disableGlobalFilter: true,
filterName: 'state',
filterParsing: (value: any) => (value ? 'stale' : 'active'),
},
{
Header: 'Actions',
@ -155,6 +159,10 @@ export const ArchiveTable = ({
/>
),
},
// Always hidden -- for search
{
accessor: 'description',
},
],
[]
);
@ -233,10 +241,20 @@ export const ArchiveTable = ({
setStoredParams({ id: sortBy[0].id, desc: sortBy[0].desc || false });
}, [loading, sortBy, searchValue, setSearchParams, setStoredParams]);
const [firstRenderedIndex, lastRenderedIndex] =
useVirtualizedRange(rowHeight);
const renderRows = () => {
return (
<>
{rows.map(row => {
{rows.map((row, index) => {
const isVirtual =
index < firstRenderedIndex || index > lastRenderedIndex;
if (isVirtual) {
return null;
}
prepareRow(row);
return (
<TableRow hover {...row.getRowProps()}>