| | |
| | | import React, { useState, useRef, useEffect, useMemo } from "react"; |
| | | import { useTranslate } from "react-admin"; |
| | | import { useTranslate, useRefresh, useSidebarState } from "react-admin"; |
| | | import { |
| | | TextField, |
| | | Select, |
| | |
| | | |
| | | const Map = () => { |
| | | const notify = useNotification(); |
| | | const [sidebarOpen] = useSidebarState(); |
| | | const translate = useTranslate(); |
| | | const theme = useTheme(); |
| | | const themeMode = theme.palette.mode; |
| | |
| | | const storedValue = localStorage.getItem('curZone'); |
| | | return storedValue !== null ? JSON.parse(storedValue) : null; |
| | | }); |
| | | |
| | | const handleResize = () => { |
| | | const width = contentRef.current.offsetWidth; |
| | | const height = contentRef.current.offsetHeight; |
| | | player.resize(width, height); |
| | | }; |
| | | |
| | | useEffect(() => { |
| | | Tool.patchRaLayout('0px'); |
| | |
| | | initialize(); |
| | | |
| | | // resize |
| | | const handleResize = () => { |
| | | const width = contentRef.current.offsetWidth; |
| | | const height = contentRef.current.offsetHeight; |
| | | |
| | | player.resize(width, height); |
| | | }; |
| | | handleResize(); |
| | | window.addEventListener('resize', handleResize); |
| | | |
| | |
| | | Tool.patchRaLayout(''); |
| | | }; |
| | | }, []) |
| | | |
| | | useEffect(() => { |
| | | setTimeout(handleResize, 300) |
| | | }, [sidebarOpen]); |
| | | |
| | | useEffect(() => { |
| | | player.setTheme(themeMode); |
| | |
| | | return ( |
| | | <Box |
| | | sx={{ |
| | | width: '100%', |
| | | height: '100%', |
| | | display: 'flex', |
| | | flexDirection: 'column', |