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

fix: prevent jumping columns in search view (#5950)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2024-01-18 14:37:57 +01:00 committed by GitHub
parent 80bc4e05a2
commit 1fd7749ae7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx
View File

@ -164,6 +164,9 @@ const FeatureToggleListTableComponent: VFC = () => {
</> </>
), ),
enableSorting: false, enableSorting: false,
meta: {
width: '1%',
},
}), }),
columnHelper.accessor('lastSeenAt', { columnHelper.accessor('lastSeenAt', {
header: 'Seen', header: 'Seen',
@ -172,6 +175,7 @@ const FeatureToggleListTableComponent: VFC = () => {
), ),
meta: { meta: {
align: 'center', align: 'center',
width: '1%',
}, },
}), }),
columnHelper.accessor('type', { columnHelper.accessor('type', {
@ -179,6 +183,7 @@ const FeatureToggleListTableComponent: VFC = () => {
cell: ({ getValue }) => <FeatureTypeCell value={getValue()} />, cell: ({ getValue }) => <FeatureTypeCell value={getValue()} />,
meta: { meta: {
align: 'center', align: 'center',
width: '1%',
}, },
}), }),
columnHelper.accessor('name', { columnHelper.accessor('name', {
@ -191,6 +196,9 @@ const FeatureToggleListTableComponent: VFC = () => {
to={`/projects/${row.original.project}/features/${row.original.name}`} to={`/projects/${row.original.project}/features/${row.original.name}`}
/> />
), ),
meta: {
width: '50%',
},
}), }),
columnHelper.accessor((row) => row.segments?.join('\n') || '', { columnHelper.accessor((row) => row.segments?.join('\n') || '', {
header: 'Segments', header: 'Segments',
@ -198,6 +206,9 @@ const FeatureToggleListTableComponent: VFC = () => {
<FeatureSegmentCell value={getValue()} row={row} /> <FeatureSegmentCell value={getValue()} row={row} />
), ),
enableSorting: false, enableSorting: false,
meta: {
width: '1%',
},
}), }),
columnHelper.accessor( columnHelper.accessor(
(row) => (row) =>
@ -208,11 +219,17 @@ const FeatureToggleListTableComponent: VFC = () => {
header: 'Tags', header: 'Tags',
cell: FeatureTagCell, cell: FeatureTagCell,
enableSorting: false, enableSorting: false,
meta: {
width: '1%',
},
}, },
), ),
columnHelper.accessor('createdAt', { columnHelper.accessor('createdAt', {
header: 'Created', header: 'Created',
cell: ({ getValue }) => <DateCell value={getValue()} />, cell: ({ getValue }) => <DateCell value={getValue()} />,
meta: {
width: '1%',
},
}), }),
columnHelper.accessor('project', { columnHelper.accessor('project', {
header: 'Project ID', header: 'Project ID',
@ -222,10 +239,16 @@ const FeatureToggleListTableComponent: VFC = () => {
to={`/projects/${getValue()}`} to={`/projects/${getValue()}`}
/> />
), ),
meta: {
width: '1%',
},
}), }),
columnHelper.accessor('stale', { columnHelper.accessor('stale', {
header: 'State', header: 'State',
cell: ({ getValue }) => <FeatureStaleCell value={getValue()} />, cell: ({ getValue }) => <FeatureStaleCell value={getValue()} />,
meta: {
width: '1%',
},
}), }),
], ],
[favoritesFirst], [favoritesFirst],