empty fullscreen fix

Vizzuality · Oct 2, 2024 · 338729d · 338729d
1 parent b4f447f
commit 338729d
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/client/src/containers/welcome-message/index.tsx b/client/src/containers/welcome-message/index.tsx
@@ -2,6 +2,8 @@
 
 import { useEffect, useRef, useState } from "react";
 
+import isEmpty from "lodash-es/isEmpty";
+
 import { useCookies } from "react-cookie";
 import ReactPlayer from "react-player";
 
@@ -10,8 +12,6 @@ import Image from "next/image";
 import { LuPlay } from "react-icons/lu";
 import screenfull from "screenfull";
 
-import env from "@/env.mjs";
-
 import { cn } from "@/lib/classnames";
 
 import { useGetWelcomeMessage } from "@/types/generated/welcome-message";
@@ -43,14 +43,15 @@ export default function WelcomeMessage() {
   const handleFullscreen = () => {
     setFullscreen(screenfull?.isFullscreen);
   };
-
-  // useEffect(() => {
-  //   screenfull?.on("change", handleFullscreen);
-
-  //   return () => {
-  //     screenfull?.off("change", handleFullscreen);
-  //   };
-  // }, []);
+  useEffect(() => {
+    if (!isEmpty(screenfull)) {
+      screenfull?.on("change", handleFullscreen);
+
+      return () => {
+        screenfull?.off("change", handleFullscreen);
+      };
+    }
+  }, []);
 
   return (
     <Dialog open={!cookies.welcome}>