fix: replace screen.orientation with mediaQuery.

morganney · Jan 18, 2024 · 2289e3d · 2289e3d
1 parent aac2593
commit 2289e3d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 *.tgz
+*.zip
 dist
 node_modules
 coverage

diff --git a/packages/ui/src/layout.tsx b/packages/ui/src/layout.tsx
@@ -16,6 +16,7 @@ interface LayoutProps {
   children: ReactNode
 }
 
+const orientationMql = window.matchMedia('(orientation: landscape)')
 const Layout: FC<LayoutProps> = ({ children }) => {
   const location = useLocation()
   const { mode } = useTheme()
@@ -45,14 +46,14 @@ const Layout: FC<LayoutProps> = ({ children }) => {
     if (map) {
       map.on('move', moveListener)
       map.on('moveend', moveEndListener)
-      screen.orientation.addEventListener('change', orientationListener)
+      orientationMql.addEventListener('change', orientationListener)
     }
 
     return () => {
       if (map) {
         map.off('move', moveListener)
         map.off('moveend', moveEndListener)
-        screen.orientation.removeEventListener('change', orientationListener)
+        orientationMql.removeEventListener('change', orientationListener)
       }
     }
   }, [map])