lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #1048 from ubavic/empty_table_causing_overflow

Browse source 
fix: skip rendering list when data is empty
This commit is contained in:
Rafael Taranto 2022-01-20 10:42:31 +00:00 • committed by GitHub
commit 7d3ac7aa1f
1 changed files with 18 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

34
new-lamassu-admin/src/components/tables/DataTable.js
View file

@ -185,22 +185,24 @@ const DataTable = ({
<TBody className={classes.body}>
{loading && <H4>Loading...</H4>}
{!loading && R.isEmpty(data) && <EmptyTable message={emptyText} />}
<AutoSizer disableWidth>
{({ height }) => (
<List
// this has to be in a style because of how the component works
style={{ overflow: 'inherit', outline: 'none' }}
{...props}
height={loading ? 0 : height}
width={width}
rowCount={data.length}
rowHeight={cache.rowHeight}
rowRenderer={rowRenderer}
overscanRowCount={5}
deferredMeasurementCache={cache}
/>
)}
</AutoSizer>
{!R.isEmpty(data) && (
<AutoSizer disableWidth>
{({ height }) => (
<List
// this has to be in a style because of how the component works
style={{ overflow: 'inherit', outline: 'none' }}
{...props}
height={loading ? 0 : height}
width={width}
rowCount={data.length}
rowHeight={cache.rowHeight}
rowRenderer={rowRenderer}
overscanRowCount={5}
deferredMeasurementCache={cache}
/>
)}
</AutoSizer>
)}
</TBody>
</Table>
</Box>