| | |
| | | const [mapContainer, setMapContainer] = React.useState(null); |
| | | const [didClickSprite, setDidClickSprite] = React.useState(false); |
| | | const [spriteBySettings, setSpriteBySettings] = React.useState(null); |
| | | const prevSpriteBySettingsRef = React.useRef(); |
| | | |
| | | // init func |
| | | React.useEffect(() => { |
| | |
| | | if (!mapContainer) { |
| | | return; |
| | | } |
| | | prevSpriteBySettingsRef.current = spriteBySettings; |
| | | if (spriteBySettings && prevSpriteBySettings !== spriteBySettings) { |
| | | Utils.removeSelectedEffect(); |
| | | } |
| | | if (spriteBySettings) { |
| | | Utils.showSelectedEffect(spriteBySettings) |
| | | setSettingsVisible(true); |
| | |
| | | Utils.removeSelectedEffect(); |
| | | } |
| | | }, [spriteBySettings]) |
| | | const prevSpriteBySettings = prevSpriteBySettingsRef.current; |
| | | |
| | | const settingsFinish = () => { |
| | | setSpriteBySettings(null); |