| | |
| | | setMode, |
| | | dataFetched, |
| | | curZone, |
| | | curSprite, |
| | | setCurSprite, |
| | | setSpriteSettings, |
| | | } = props; |
| | | |
| | | const theme = useTheme(); |
| | |
| | | }, [curDeviceType, dataFetched, curZone]); |
| | | |
| | | useEffect(() => { |
| | | if (!curSprite) { |
| | | resetSearch(); |
| | | } |
| | | }, [curSprite]); |
| | | |
| | | useEffect(() => { |
| | | if (!Tool.getMapContainer()) return; |
| | | if (inputValue !== '' && deviceList.length > 0) { |
| | | setFilterDeviceList( |
| | |
| | | Tool.focusSprite(selectSprite); |
| | | } |
| | | switch (mode) { |
| | | case MAP_MODE.OBSERVER_MODE: |
| | | setCurSprite(selectSprite); |
| | | break; |
| | | // case MAP_MODE.OBSERVER_MODE: |
| | | // case MAP_MODE.SETTINGS_MODE: |
| | | // break; |
| | | case MAP_MODE.MOVABLE_MODE: |
| | | setMode(MAP_MODE.SETTINGS_MODE); |
| | | setTimeout(() => { |
| | | setSpriteSettings(selectSprite); |
| | | setCurSprite(selectSprite); |
| | | }, 200); |
| | | break; |
| | | case MAP_MODE.SETTINGS_MODE: |
| | | setSpriteSettings(selectSprite); |
| | | break; |
| | | default: |
| | | setCurSprite(selectSprite); |
| | | break; |
| | | } |
| | | }; |
| | |
| | | onClick={() => { |
| | | setInputValue(''); |
| | | setSelectedOption(null); |
| | | setCurSprite(null); |
| | | }} |
| | | > |
| | | <CloseIcon fontSize="small" /> |