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

fix archive row virtualization

Browse Source
This commit is contained in:
Tymoteusz Czech 2022-06-14 09:16:27 +02:00
parent de8119961f
commit fdac3a6eaf
1 changed files with 34 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,7 +33,6 @@ import { useSearch } from 'hooks/useSearch';
import { FeatureArchivedCell } from './FeatureArchivedCell/FeatureArchivedCell';
import { useVirtualizedRange } from 'hooks/useVirtualizedRange';
import { useSearchParams } from 'react-router-dom';
import { useWindowVirtualizer } from '@tanstack/react-virtual';
export interface IFeaturesArchiveTableProps {
archivedFeatures: FeatureSchema[];
@ -69,19 +68,22 @@ export const ArchiveTable = ({
searchParams.get('search') || ''
);
const onRevive = useCallback(async (feature: string) => {
try {
await reviveFeature(feature);
await refetch();
setToastData({
type: 'success',
title: "And we're back!",
text: 'The feature toggle has been revived.',
});
} catch (e: unknown) {
setToastApiError(formatUnknownError(e));
}
}, []);
const onRevive = useCallback(
async (feature: string) => {
try {
await reviveFeature(feature);
await refetch();
setToastData({
type: 'success',
title: "And we're back!",
text: 'The feature toggle has been revived.',
});
} catch (e: unknown) {
setToastApiError(formatUnknownError(e));
}
},
[refetch, reviveFeature, setToastApiError, setToastData]
);
const columns = useMemo(
() => [
@ -135,7 +137,7 @@ export const ArchiveTable = ({
searchable: true,
maxWidth: 150,
Cell: ({ value }: any) => (
<LinkCell title={value} to={`/projects/${value}}`} />
<LinkCell title={value} to={`/projects/${value}`} />
),
},
{
@ -278,7 +280,15 @@ export const ArchiveTable = ({
<SearchHighlightProvider
value={getSearchText(searchValue)}
>
<Table {...getTableProps()} rowHeight={rowHeight}>
<Table
{...getTableProps()}
rowHeight={rowHeight}
style={{
height:
rowHeight * rows.length +
theme.shape.tableRowHeightCompact,
}}
>
<SortableTableHeader
headerGroups={headerGroups as any}
/>
@ -297,6 +307,14 @@ export const ArchiveTable = ({
<TableRow
hover
{...row.getRowProps()}
style={{
display: 'flex',
top:
index * rowHeight +
theme.shape
.tableRowHeightCompact,
}}
className={classes.row}
>
{row.cells.map(cell => (
<TableCell