From 230d7d277d0386101dfcf88d8fabed58e4adde3d Mon Sep 17 00:00:00 2001 From: Anton Tananaev Date: Wed, 30 Sep 2020 22:17:42 -0700 Subject: Implement common select field component --- modern/src/settings/GroupPage.js | 33 +++++++++------------------------ 1 file changed, 9 insertions(+), 24 deletions(-) (limited to 'modern/src/settings/GroupPage.js') diff --git a/modern/src/settings/GroupPage.js b/modern/src/settings/GroupPage.js index 0dc61e50..b6a28599 100644 --- a/modern/src/settings/GroupPage.js +++ b/modern/src/settings/GroupPage.js @@ -3,11 +3,11 @@ import TextField from '@material-ui/core/TextField'; import t from '../common/localization'; import EditItemView from '../EditItemView'; -import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography, FormControl, InputLabel, Select } from '@material-ui/core'; +import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography } from '@material-ui/core'; import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; import EditAttributesView from '../attributes/EditAttributesView'; -import { useEffectAsync } from '../reactHelper'; import deviceAttributes from '../attributes/deviceAttributes'; +import SelectField from '../form/SelectField'; const useStyles = makeStyles(() => ({ details: { @@ -19,14 +19,6 @@ const GroupPage = () => { const classes = useStyles(); const [item, setItem] = useState(); - const [groups, setGroups] = useState(); - - useEffectAsync(async () => { - const response = await fetch('/api/groups'); - if (response.ok) { - setGroups(await response.json()); - } - }, []); return ( @@ -54,20 +46,13 @@ const GroupPage = () => { - {groups && - - {t('groupParent')} - - - } + setItem({...item, groupId: Number(event.target.value)})} + endpoint="/api/groups" + label={t('groupParent')} + variant="filled" /> -- cgit v1.2.3