| | |
| | | onClose, |
| | | zoneId, |
| | | width = PAGE_DRAWER_WIDTH, |
| | | onSelect, |
| | | setCurSprite, |
| | | }) => { |
| | | const translate = useTranslate(); |
| | | const theme = useTheme(); |
| | |
| | | const sprite = Tool.findAreaSpriteById(area.id); |
| | | if (sprite) { |
| | | Tool.focusAreaSprite(sprite); |
| | | // Tool.showSelectedEffect?.(sprite); |
| | | onClose(); |
| | | setCurSprite(sprite); |
| | | } |
| | | onSelect?.(area); |
| | | }; |
| | | |
| | | return ( |
| | |
| | | if (!mapContainer) { |
| | | return; |
| | | } |
| | | setAreaListVisible(false); |
| | | Tool.removeSelectedEffect(); |
| | | if (curSprite) { |
| | | if (mode === MAP_MODE.OBSERVER_MODE) { |
| | |
| | | zoneId={curZone} |
| | | open={areaListVisible} |
| | | onClose={() => setAreaListVisible(false)} |
| | | width={400} |
| | | setCurSprite={setCurSprite} |
| | | width={378} |
| | | /> |
| | | |
| | | </Box> |