| | |
| | | } |
| | | |
| | | setTimeout(() => { |
| | | player.adaptScreen(); |
| | | notify.info(translate('page.map.welcome')); |
| | | player.adaptScreen(); |
| | | setDataFetched(true); |
| | | setMode(MAP_MODE.OBSERVER_MODE); |
| | | }, 200) |
| | |
| | | flexGrow: 1, // fill remaining of map space |
| | | position: 'relative', |
| | | backgroundColor: '#fff', |
| | | ...(mode === MAP_MODE.SETTINGS_MODE && { |
| | | animation: 'settingsPulse 1.5s infinite', |
| | | '@keyframes settingsPulse': { |
| | | '0%': { |
| | | boxShadow: `0 0 3px 1px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.1)`)}`, |
| | | }, |
| | | '50%': { |
| | | boxShadow: `0 0 8px 3px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.5)`)}`, |
| | | }, |
| | | '100%': { |
| | | boxShadow: `0 0 3px 1px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.1)`)}`, |
| | | }, |
| | | }, |
| | | }) |
| | | }} |
| | | > |
| | | <Box |