| | |
| | | const themeMode = theme.palette.mode; |
| | | |
| | | useEffect(() => { |
| | | const parentElement = document.getElementById('main-content'); |
| | | if (parentElement && parentElement.classList.contains('RaLayout-content')) { |
| | | parentElement.style.paddingLeft = '0px'; |
| | | parentElement.style.paddingRight = '0px'; |
| | | } |
| | | |
| | | Tool.patchRaLayout('0px'); |
| | | const initialize = async () => { |
| | | player = new Player(mapRef.current, themeMode); |
| | | setApp(player.app); |
| | |
| | | return () => { |
| | | player.destroy(); |
| | | window.removeEventListener('resize', handleResize); |
| | | |
| | | if (parentElement && parentElement.classList.contains('RaLayout-content')) { |
| | | parentElement.style.paddingLeft = ''; |
| | | parentElement.style.paddingRight = ''; |
| | | } |
| | | Tool.patchRaLayout(''); |
| | | }; |
| | | }, [themeMode]) |
| | | |