diff options
Diffstat (limited to 'modern/src/DeviceList.js')
-rw-r--r-- | modern/src/DeviceList.js | 69 |
1 files changed, 0 insertions, 69 deletions
diff --git a/modern/src/DeviceList.js b/modern/src/DeviceList.js deleted file mode 100644 index c9abce3c..00000000 --- a/modern/src/DeviceList.js +++ /dev/null @@ -1,69 +0,0 @@ -import React, { Fragment } from 'react'; -import { useDispatch, useSelector } from 'react-redux'; -import { makeStyles } from '@material-ui/core/styles'; -import Avatar from '@material-ui/core/Avatar'; -import Divider from '@material-ui/core/Divider'; -import IconButton from '@material-ui/core/IconButton'; -import List from '@material-ui/core/List'; -import ListItem from '@material-ui/core/ListItem'; -import ListItemAvatar from '@material-ui/core/ListItemAvatar'; -import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction'; -import ListItemText from '@material-ui/core/ListItemText'; -import LocationOnIcon from '@material-ui/icons/LocationOn'; -import MoreVertIcon from '@material-ui/icons/MoreVert'; - -import { devicesActions } from './store'; -import EditCollectionView from './EditCollectionView'; -import { useEffectAsync } from './reactHelper'; - -const useStyles = makeStyles(() => ({ - list: { - maxHeight: '100%', - overflow: 'auto', - }, -})); - -const DeviceView = ({ updateTimestamp, onMenuClick }) => { - const classes = useStyles(); - const dispatch = useDispatch(); - - const items = useSelector(state => Object.values(state.devices.items)); - - useEffectAsync(async () => { - const response = await fetch('/api/devices'); - if (response.ok) { - dispatch(devicesActions.refresh(await response.json())); - } - }, [updateTimestamp]); - - return ( - <List className={classes.list}> - {items.map((item, index, list) => ( - <Fragment key={item.id}> - <ListItem button key={item.id} onClick={() => dispatch(devicesActions.select(item))}> - <ListItemAvatar> - <Avatar> - <LocationOnIcon /> - </Avatar> - </ListItemAvatar> - <ListItemText primary={item.name} secondary={item.uniqueId} /> - <ListItemSecondaryAction> - <IconButton onClick={(event) => onMenuClick(event.currentTarget, item.id)}> - <MoreVertIcon /> - </IconButton> - </ListItemSecondaryAction> - </ListItem> - {index < list.length - 1 ? <Divider /> : null} - </Fragment> - ))} - </List> - ); -} - -const DeviceList = () => { - return ( - <EditCollectionView content={DeviceView} editPath="/device" endpoint="devices" /> - ); -} - -export default DeviceList; |