| | |
| | | const prevSpriteBySettingsRef = React.useRef(); |
| | | const [curSprite, setCurSPrite] = React.useState(null); |
| | | const [drawerVisible, setDrawerVisible] = React.useState(false); |
| | | const [dataFetched, setDataFetched] = React.useState(false); |
| | | |
| | | // init func |
| | | React.useEffect(() => { |
| | | React.useEffect(async () => { |
| | | player = new Player(mapRef.current, styles.dark, didClickSprite); |
| | | setApp(player.app); |
| | | setMapContainer(player.mapContainer); |
| | |
| | | }; |
| | | window.addEventListener('resize', handleResize); |
| | | |
| | | Utils.fetchMapData(intl); |
| | | await Utils.fetchMapData(intl); |
| | | setDataFetched(true); |
| | | setTimeout(() => { |
| | | player.adaptScreen(); |
| | | }, 200) |
| | |
| | | <Header className={styles.header}> |
| | | <Row style={{ height: '100%' }}> |
| | | <Col className={styles.headerCol} span={12} style={{}}> |
| | | <MapSearch |
| | | curSprite={curSprite} |
| | | setCurSPrite={setCurSPrite} |
| | | /> |
| | | {dataFetched && ( |
| | | <MapSearch |
| | | curSprite={curSprite} |
| | | setCurSPrite={setCurSPrite} |
| | | /> |
| | | )} |
| | | </Col> |
| | | {/* 3C40C6 */} |
| | | <Col span={12} style={{ backgroundColor: '#4a69bd' }}> |