diff options
author | Iván Ávalos <avalos@disroot.org> | 2024-06-14 21:17:27 -0600 |
---|---|---|
committer | Iván Ávalos <avalos@disroot.org> | 2024-06-14 21:17:27 -0600 |
commit | 5f064d0a7743abdd9ffe645de1ffd55bb5c4f72f (patch) | |
tree | cc0f3eb2424e7f05123f9a7b0547968a6091fdf4 /src/main/DeviceList.jsx | |
parent | e9cdc61de90ef44dc2edd1c82d10f2f29803715e (diff) | |
download | trackermap-web-5f064d0a7743abdd9ffe645de1ffd55bb5c4f72f.tar.gz trackermap-web-5f064d0a7743abdd9ffe645de1ffd55bb5c4f72f.tar.bz2 trackermap-web-5f064d0a7743abdd9ffe645de1ffd55bb5c4f72f.zip |
Revert DeviceRow to original layout
Diffstat (limited to 'src/main/DeviceList.jsx')
-rw-r--r-- | src/main/DeviceList.jsx | 16 |
1 files changed, 4 insertions, 12 deletions
diff --git a/src/main/DeviceList.jsx b/src/main/DeviceList.jsx index 3bb5f5e1..ce5819b2 100644 --- a/src/main/DeviceList.jsx +++ b/src/main/DeviceList.jsx @@ -1,7 +1,7 @@ import React, { useEffect, useRef, useState } from 'react'; import { useDispatch } from 'react-redux'; import makeStyles from '@mui/styles/makeStyles'; -import { VariableSizeList } from 'react-window'; +import { FixedSizeList } from 'react-window'; import AutoSizer from 'react-virtualized-auto-sizer'; import { devicesActions } from '../store'; import { useEffectAsync } from '../reactHelper'; @@ -29,8 +29,6 @@ const DeviceList = ({ devices }) => { const [, setTime] = useState(Date.now()); - const positionItems = useAttributePreference('positionItems', 'speed,address,totalDistance,course'); - useEffect(() => { const interval = setInterval(() => setTime(Date.now()), 60000); return () => { @@ -47,26 +45,20 @@ const DeviceList = ({ devices }) => { } }, []); - // RATIONALE: calculate row height to fit position attributes - const getItemSize = (index) => { - const item = devices[index]; - return 72 + (item.positionId && (positionItems.split(',').length * 20) || 0); - }; - return ( <AutoSizer className={classes.list}> {({ height, width }) => ( - <VariableSizeList + <FixedSizeList width={width} height={height} itemCount={devices.length} itemData={devices} - itemSize={getItemSize} + itemSize={72} overscanCount={10} innerRef={listInnerEl} > {DeviceRow} - </VariableSizeList> + </FixedSizeList> )} </AutoSizer> ); |