| | |
| | | import CloseIcon from '@mui/icons-material/Close'; |
| | | import { PAGE_DRAWER_WIDTH } from '@/config/setting'; |
| | | import MapSettings from './MapSettings'; |
| | | import ConfigSettings from './ConfigSettings'; |
| | | |
| | | const Settings = (props) => { |
| | | const { open, onCancel, sprite, width = PAGE_DRAWER_WIDTH, title, setSpriteSettings } = props; |
| | |
| | | <Stack direction="row" p={2}> |
| | | <Typography variant="h6" flex="1"> |
| | | {sprite |
| | | ? 'No.' + sprite?.data?.uuid + ' - ' + translate(`page.map.devices.${sprite?.data?.type?.toLowerCase()}`) |
| | | ? translate(`page.map.devices.${sprite?.data?.type?.toLowerCase()}`) + ' - ' + sprite?.data?.uuid |
| | | : translate('page.map.settings.title')} |
| | | </Typography> |
| | | <IconButton onClick={handleClose} size="small"> |
| | |
| | | <ConfigSettings |
| | | sprite={sprite} |
| | | onSubmit={() => { |
| | | alert('ConfigSettings') |
| | | }} |
| | | /> |
| | | )} |
| | |
| | | )} |
| | | </Drawer> |
| | | </> |
| | | ) |
| | | } |
| | | |
| | | const ConfigSettings = () => { |
| | | |
| | | return ( |
| | | <h1>ConfigSettings</h1> |
| | | ) |
| | | } |
| | | |