bugfix

src/pages/Alarm/components/components/AlarmDetail/index.jsx

@@ -455,7 +455,7 @@ const Index = (props) => {
               format="YYYY-MM-DD HH:mm"
               value={range}
               onChange={setRange}
-              style={{ width: 360 }}
+              style={{ width: 360, zIndex: 99999 }}
               presets={rangePresets}
             />
           </div>

src/utils/theme/index.js

@@ -181,8 +181,19 @@ const themeKeys = (themeKey) => {
 }
 
 const useTheme = () => {
-  // const [theme] = useThemeKey();
-  const [themeName] = useLocalStorageThemeName();
+  const [themeName, setThemeName] = useState(
+    localStorage.getItem("--dt-theme")
+  );
+  useEffect(() => {
+    const cb = (e) => {
+      const theme = localStorage.getItem("--dt-theme");
+      setThemeName(theme ?? null);
+    };
+    window.addEventListener("storage", cb);
+    return () => {
+      window.removeEventListener("storage", cb);
+    };
+  }, []);
 
   // useEffect(() => {
   //   changeTheme(theme);
@@ -191,9 +202,9 @@ const useTheme = () => {
 
   useEffect(() => {
     changeTheme(themeName);
-    localStorage.setItem('--dt-theme', themeName);
+    localStorage.setItem("--dt-theme", themeName);
     // console.log(themeName, 'useEffect')
-  }, [themeName])
+  }, [themeName]);
 
   return [themeName];
 };