From b318cfd66ee2fa9918797fc0e0226a01983da746 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sun, 20 Sep 2020 23:13:11 -0700
Subject: Implement users editing

---
 modern/src/DeviceList.js | 69 ------------------------------------------------
 1 file changed, 69 deletions(-)
 delete mode 100644 modern/src/DeviceList.js

(limited to 'modern/src/DeviceList.js')

diff --git a/modern/src/DeviceList.js b/modern/src/DeviceList.js
deleted file mode 100644
index c9abce3..0000000
--- 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;
-- 
cgit v1.2.3