aboutsummaryrefslogtreecommitdiff
path: root/modern/src/settings
diff options
context:
space:
mode:
authorAnton Tananaev <anton.tananaev@gmail.com>2020-09-30 22:18:32 -0700
committerGitHub <noreply@github.com>2020-09-30 22:18:32 -0700
commit542f96da0ef323f286aa9caa8cfffaa98094467e (patch)
tree055596a88e19157aa42b4ac65794e85fe49cee8b /modern/src/settings
parent739ca4cb813a7deb910f3dcb1655ae9d484e6487 (diff)
parent230d7d277d0386101dfcf88d8fabed58e4adde3d (diff)
downloadetbsa-traccar-web-542f96da0ef323f286aa9caa8cfffaa98094467e.tar.gz
etbsa-traccar-web-542f96da0ef323f286aa9caa8cfffaa98094467e.tar.bz2
etbsa-traccar-web-542f96da0ef323f286aa9caa8cfffaa98094467e.zip
Merge pull request #785 from traccar/select-field
Implement common select field component
Diffstat (limited to 'modern/src/settings')
-rw-r--r--modern/src/settings/GroupPage.js33
1 files changed, 9 insertions, 24 deletions
diff --git a/modern/src/settings/GroupPage.js b/modern/src/settings/GroupPage.js
index 0dc61e5..b6a2859 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 (
<EditItemView endpoint="groups" item={item} setItem={setItem}>
@@ -54,20 +46,13 @@ const GroupPage = () => {
</Typography>
</AccordionSummary>
<AccordionDetails className={classes.details}>
- {groups &&
- <FormControl margin="normal" variant="filled">
- <InputLabel>{t('groupParent')}</InputLabel>
- <Select
- native
- defaultValue={item.groupId}
- onChange={event => setItem({...item, groupId: Number(event.target.value)})}>
- <option value={0}></option>
- {groups.map(group => (
- <option key={group.id} value={group.id}>{group.name}</option>
- ))}
- </Select>
- </FormControl>
- }
+ <SelectField
+ margin="normal"
+ defaultValue={item.groupId}
+ onChange={event => setItem({...item, groupId: Number(event.target.value)})}
+ endpoint="/api/groups"
+ label={t('groupParent')}
+ variant="filled" />
</AccordionDetails>
</Accordion>
<Accordion>