fix(web): support for older browsers like Safari 11 on iOS 13.7

2022-10-31 10:58:55 -05:00
parent 50182fad4f
commit fef1bdf799
8 changed files with 51 additions and 11 deletions
--- a/packages/web/src/javascripts/Hooks/useMediaQuery.tsx
+++ b/packages/web/src/javascripts/Hooks/useMediaQuery.tsx
@@ -18,9 +18,21 @@ export const useMediaQuery = (mediaQuery: string) => {
      setMatches(event.matches)
    }

-    window.matchMedia(mediaQuery).addEventListener('change', handler)
+    const mq = window.matchMedia(mediaQuery)
+    if (mq.addEventListener != undefined) {
+      mq.addEventListener('change', handler)
+    } else {
+      mq.addListener(handler)
+    }

-    return () => window.matchMedia(mediaQuery).removeEventListener('change', handler)
+    return () => {
+      const mq = window.matchMedia(mediaQuery)
+      if (mq.removeEventListener != undefined) {
+        mq.removeEventListener('change', handler)
+      } else {
+        mq.removeListener(handler)
+      }
+    }
  }, [mediaQuery])

  return matches