| | |
| | | setSettingsVisible(false); |
| | | }} |
| | | sprite={spriteSettings} |
| | | setSpriteSettings={setSpriteSettings} |
| | | width={570} |
| | | /> |
| | | |
| | |
| | | } from '@mui/material'; |
| | | import MuiInput from '@mui/material/Input'; |
| | | import { useTranslate } from 'react-admin'; |
| | | import * as Tool from '../tool'; |
| | | |
| | | const MapSettings = (props) => { |
| | | const { sprite, onSubmit } = props; |
| | | const { sprite, setSpriteSettings, onSubmit } = props; |
| | | const translate = useTranslate(); |
| | | |
| | | const { control, handleSubmit, reset, watch } = useForm({ |
| | |
| | | </Grid> |
| | | <Grid item xs={12}> |
| | | <Stack direction="row" spacing={2}> |
| | | <Button variant="outlined" color="error"> |
| | | <Button variant="outlined" color="error" onClick={() => { |
| | | Tool.getMapContainer().removeChild(sprite); |
| | | setSpriteSettings(null); |
| | | Tool.removeSelectedEffect(); |
| | | reset(); |
| | | }}> |
| | | {translate('ra.action.delete')} |
| | | </Button> |
| | | </Stack> |
| | |
| | | import MapSettings from './MapSettings'; |
| | | |
| | | const Settings = (props) => { |
| | | const { open, onCancel, sprite, width = PAGE_DRAWER_WIDTH, title } = props; |
| | | const { open, onCancel, sprite, width = PAGE_DRAWER_WIDTH, title, setSpriteSettings } = props; |
| | | const theme = useTheme(); |
| | | const themeMode = theme.palette.mode; |
| | | const translate = useTranslate(); |
| | |
| | | {activeTab === 0 && ( |
| | | <MapSettings |
| | | sprite={sprite} |
| | | setSpriteSettings={setSpriteSettings} |
| | | onSubmit={() => { |
| | | alert('MapSettings') |
| | | }} |