aboutsummaryrefslogtreecommitdiff
path: root/modern/src/DeviceList.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/DeviceList.js')
-rw-r--r--modern/src/DeviceList.js69
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;