support browsers which use old match API (safari) (#765)

8a61b4e4 · Noah Zinsmeister · GitHub · e0cbee79 · 8a61b4e4
Commit 8a61b4e4 authored May 13, 2020 by Noah Zinsmeister Committed by GitHub May 13, 2020
Hide whitespace changes
Inline Side-by-side

Showing with 10 additions and 2 deletions

updater.tsx src/state/user/updater.tsx +10 -2

No files found.
--- a/src/state/user/updater.tsx
+++ b/src/state/user/updater.tsx
@@ -15,10 +15,18 @@ export default function Updater() {
    const match = window?.matchMedia('(prefers-color-scheme: dark)')
    dispatch(updateMatchesDarkMode({ matchesDarkMode: match.matches }))
-    match?.addEventListener('change', darkHandler)
+    if (match?.addListener) {
+      match?.addListener(darkHandler)
+    } else if (match?.addEventListener) {
+      match?.addEventListener('change', darkHandler)
+    }
    return () => {
-      match?.removeEventListener('change', darkHandler)
+      if (match?.removeListener) {
+        match?.removeListener(darkHandler)
+      } else if (match?.removeEventListener) {
+        match?.removeEventListener('change', darkHandler)
+      }
    }
  }, [dispatch])