diff options
author | Anton Tananaev <anton@traccar.org> | 2024-04-06 09:22:10 -0700 |
---|---|---|
committer | Anton Tananaev <anton@traccar.org> | 2024-04-06 09:22:10 -0700 |
commit | f418231b6b2f5e030a0d2dcc390c314602b1f740 (patch) | |
tree | 10326adf3792bc2697e06bb5f2b8ef2a8f7e55fe /src/settings/CommandPage.jsx | |
parent | b392a4af78e01c8e0f50aad5468e9583675b24be (diff) | |
download | trackermap-web-f418231b6b2f5e030a0d2dcc390c314602b1f740.tar.gz trackermap-web-f418231b6b2f5e030a0d2dcc390c314602b1f740.tar.bz2 trackermap-web-f418231b6b2f5e030a0d2dcc390c314602b1f740.zip |
Move modern to the top
Diffstat (limited to 'src/settings/CommandPage.jsx')
-rw-r--r-- | src/settings/CommandPage.jsx | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/src/settings/CommandPage.jsx b/src/settings/CommandPage.jsx new file mode 100644 index 00000000..e65ecd76 --- /dev/null +++ b/src/settings/CommandPage.jsx @@ -0,0 +1,50 @@ +import React, { useState } from 'react'; +import { + Accordion, AccordionSummary, AccordionDetails, Typography, TextField, +} from '@mui/material'; +import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; +import EditItemView from './components/EditItemView'; +import { useTranslation } from '../common/components/LocalizationProvider'; +import BaseCommandView from './components/BaseCommandView'; +import SettingsMenu from './components/SettingsMenu'; +import useSettingsStyles from './common/useSettingsStyles'; + +const CommandPage = () => { + const classes = useSettingsStyles(); + const t = useTranslation(); + + const [item, setItem] = useState(); + + const validate = () => item && item.type; + + return ( + <EditItemView + endpoint="commands" + item={item} + setItem={setItem} + validate={validate} + menu={<SettingsMenu />} + breadcrumbs={['settingsTitle', 'sharedSavedCommand']} + > + {item && ( + <Accordion defaultExpanded> + <AccordionSummary expandIcon={<ExpandMoreIcon />}> + <Typography variant="subtitle1"> + {t('sharedRequired')} + </Typography> + </AccordionSummary> + <AccordionDetails className={classes.details}> + <TextField + value={item.description || ''} + onChange={(event) => setItem({ ...item, description: event.target.value })} + label={t('sharedDescription')} + /> + <BaseCommandView item={item} setItem={setItem} /> + </AccordionDetails> + </Accordion> + )} + </EditItemView> + ); +}; + +export default CommandPage; |