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

feat: make table scrollable (#6632)

Browse Source
This commit is contained in:
Jaanus Sellin 2024-03-20 15:29:15 +02:00 committed by GitHub
parent 99b5db1691
commit 0c0530ddcf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/src/component/project/Project/ProjectInsights/LeadTimeForChanges/LeadTimeForChanges.tsx
View File

@ -19,6 +19,9 @@ const Container = styled(Box)(({ theme }) => ({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
gap: theme.spacing(2), gap: theme.spacing(2),
}));
const TableContainer = styled(Box)(({ theme }) => ({
overflowY: 'auto', overflowY: 'auto',
maxHeight: theme.spacing(45), maxHeight: theme.spacing(45),
})); }));
@ -208,23 +211,25 @@ export const LeadTimeForChanges = ({ leadTime }: ILeadTimeForChangesProps) => {
<Typography variant='h3'> <Typography variant='h3'>
Lead time for changes (per release flag) Lead time for changes (per release flag)
</Typography> </Typography>
<Table {...getTableProps()}> <TableContainer>
<SortableTableHeader headerGroups={headerGroups} /> <Table {...getTableProps()}>
<TableBody {...getTableBodyProps()}> <SortableTableHeader headerGroups={headerGroups} />
{rows.map((row) => { <TableBody {...getTableBodyProps()}>
prepareRow(row); {rows.map((row) => {
return ( prepareRow(row);
<TableRow hover {...row.getRowProps()}> return (
{row.cells.map((cell) => ( <TableRow hover {...row.getRowProps()}>
<TableCell {...cell.getCellProps()}> {row.cells.map((cell) => (
{cell.render('Cell')} <TableCell {...cell.getCellProps()}>
</TableCell> {cell.render('Cell')}
))} </TableCell>
</TableRow> ))}
); </TableRow>
})} );
</TableBody> })}
</Table> </TableBody>
</Table>
</TableContainer>
<ConditionallyRender <ConditionallyRender
condition={rows.length === 0} condition={rows.length === 0}
show={ show={