| | |
| | | if (!mapContainer) { |
| | | return; |
| | | } |
| | | setAreaListVisible(false); |
| | | Tool.removeSelectedEffect(); |
| | | if (curSprite) { |
| | | if (mode === MAP_MODE.OBSERVER_MODE) { |
| | |
| | | {translate('page.map.action.areaList')} |
| | | </Button> |
| | | <Button |
| | | variant={areaDrawing ? "outlined" : "contained"} |
| | | color="primary" |
| | | sx={{}} |
| | | disabled={areaDrawing} |
| | | variant="contained" |
| | | color={areaDrawing ? "error" : "primary"} |
| | | onClick={() => { |
| | | if (areaDrawing) { |
| | | Tool.cancelAreaDrawing(); |
| | | setAreaDrawing(false); |
| | | return; |
| | | } |
| | | setCurSprite(null); |
| | | const started = Tool.startAreaDrawing({ |
| | | promptText: translate('page.map.area.prompt.nameInput'), |
| | |
| | | } |
| | | }} |
| | | > |
| | | {translate('page.map.action.addArea')} |
| | | {areaDrawing |
| | | ? translate('page.map.action.cancelAddArea') |
| | | : translate('page.map.action.addArea')} |
| | | </Button> |
| | | </> |
| | | )} |
| | |
| | | zoneId={curZone} |
| | | open={areaListVisible} |
| | | onClose={() => setAreaListVisible(false)} |
| | | width={400} |
| | | setCurSprite={setCurSprite} |
| | | width={378} |
| | | /> |
| | | |
| | | </Box> |