fix fullscreen

src/components/masterplanPage/TopPanel.tsx

@@ -1,4 +1,3 @@
-import { useState } from "react";
 import useFullScreen from "../../store/useFullScreen";
 import useModal from "../../store/useModal";
 import Button from "../Button";
@@ -8,9 +7,8 @@ import HelpModal from "../modals/HelpModal";
 import ActiveResizeIcon from "../icons/ActiveResizeIcon";
 
 const TopPanel = () => {
-  const [isFullMode, setIsFullMode] = useState(false);
   const { setModal } = useModal();
-  const { onFullscreen } = useFullScreen();
+  const { onFullscreen, isFullscreen, setIsFullscreen } = useFullScreen();
 
   const handleOnHelpClick = () => {
     setModal(<HelpModal />);
@@ -19,8 +17,8 @@ const TopPanel = () => {
   const handleOnFullScreenClick = () => {
     if (!onFullscreen) return;
 
-    setIsFullMode((prev) => !prev);
-    if (!isFullMode) {
+    setIsFullscreen(!isFullscreen);
+    if (!isFullscreen) {
       onFullscreen.enter();
     } else {
       onFullscreen.exit();
@@ -35,7 +33,7 @@ const TopPanel = () => {
       <div
         className={`absolute top-[62px] left-0 z-20 w-full p-4 flex justify-end gap-2 select-none touch-none pointer-events-none`}
       >
-        {isFullMode ? (
+        {isFullscreen ? (
           <Button
             buttonType="fab"
             icon={<ActiveResizeIcon />}