| | |
| | | import React, { useEffect } from 'react'; |
| | | import React, { useEffect, useState } from 'react'; |
| | | import { useForm, Controller } from 'react-hook-form'; |
| | | import { |
| | | Box, |
| | |
| | | import { useTranslate } from 'react-admin'; |
| | | import * as Tool from '../tool'; |
| | | import ConfirmButton from '../../page/components/ConfirmButton'; |
| | | import CopyDrawer from './CopyDrawer'; |
| | | |
| | | const MapSettings = (props) => { |
| | | const { sprite, setSpriteSettings, onSubmit } = props; |
| | | const { sprite, setSpriteSettings, onSubmit, width } = props; |
| | | const translate = useTranslate(); |
| | | const [copyVisible, setCopyVisible] = useState(false); |
| | | |
| | | const { control, handleSubmit, reset, watch } = useForm({ |
| | | defaultValues: { |
| | |
| | | |
| | | useEffect(() => { |
| | | if (sprite) { |
| | | setCopyVisible(false); |
| | | reset({ |
| | | x: sprite.position.x, |
| | | y: sprite.position.y, |
| | |
| | | </Grid> |
| | | <Grid item xs={12}> |
| | | <Stack direction="row" spacing={2}> |
| | | <Button variant="contained" color="primary"> |
| | | <Button variant="contained" color="primary" onClick={() => { |
| | | setCopyVisible(true); |
| | | }}> |
| | | {translate('page.map.settings.map.copy.execute')} |
| | | </Button> |
| | | <Button variant="text" color="primary"> |
| | |
| | | </Stack> |
| | | </Grid> |
| | | |
| | | <CopyDrawer |
| | | open={copyVisible} |
| | | onCancel={() => { |
| | | setCopyVisible(false); |
| | | }} |
| | | width={width} |
| | | /> |
| | | |
| | | <Grid item xs={12}> |
| | | <Divider /> |
| | | </Grid> |