modal animation

src/pages/Desktop/DesktopApartmentPage.tsx

@@ -2,7 +2,6 @@
 import { Unity } from "react-unity-webgl";
 import { useEffect, useState } from "react";
 import { ReactUnityEventParameter } from "react-unity-webgl/distribution/types/react-unity-event-parameters";
-import { FullScreen, useFullScreenHandle } from "react-full-screen";
 import useStore from "../../store/store";
 import LoaderModal from "../../components/LoaderModal";
 import ButtonPanel from "../../components/desktop/Appartment/ButtonPanel";
@@ -12,8 +11,13 @@ import ViewToggle from "../../components/ViewToggle";
 import ParameterDescription from "../../components/desktop/Appartment/ParameterDescription";
 
 const DesktopApartmentPage = () => {
-  const { setCurrentView, setSendMessageToUnity, setLoader, setIs3DTour } =
-    useStore();
+  const {
+    setCurrentView,
+    setSendMessageToUnity,
+    setLoader,
+    setIs3DTour,
+    onFullscreen,
+  } = useStore();
 
   const { villa } = useVilla();
 
@@ -66,27 +70,19 @@ const DesktopApartmentPage = () => {
     }
   }, [isContainerLoaded]);
 
-  const onFullscreenHandle = useFullScreenHandle();
-
   return (
     <>
-      <FullScreen handle={onFullscreenHandle}>
-        <div className={`relative transition-all duration-300 max-h-screen`}>
-          <div
-            className={`relative h-[calc(100vh-98px)] 
-            
-            `}
-          >
-            <ButtonPanel handleFullscreen={onFullscreenHandle} />
-            <Unity
-              unityProvider={unityProvider}
-              style={{ width: "100%", height: "100%" }}
-            />
-            <ViewToggle isDesktop />
-          </div>
-          <ParameterDescription />
+      <div className={`relative transition-all duration-300 max-h-screen`}>
+        <div className={`relative h-[calc(100vh-98px)]`}>
+          <ButtonPanel handleFullscreen={onFullscreen} />
+          <Unity
+            unityProvider={unityProvider}
+            style={{ width: "100%", height: "100%" }}
+          />
+          <ViewToggle isDesktop />
         </div>
-      </FullScreen>
+        <ParameterDescription />
+      </div>
     </>
   );
 };