jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-06-30 07:16:37 -04:00
Code Issues Activity

deprecated addListener -> addEventListener

Browse Source
This commit is contained in:
Jake Jarvis
2022-04-25 09:35:17 -04:00
parent 7e4f6f1443
commit a0a37bca40
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
contexts/ThemeContext.tsx
View File

@ -74,11 +74,22 @@ export const ThemeProvider = ({
const handler = (...args: any) => mediaListener.current(...args); const handler = (...args: any) => mediaListener.current(...args);
const media = window.matchMedia(darkModeQuery); const media = window.matchMedia(darkModeQuery);
// note: intentionally using deprecated listener methods to support older iOS/browsers if (media.addEventListener) {
media.addListener(handler); media.addEventListener("change", handler);
} else {
// support deprecated listener API
media.addListener(handler);
}
handler(media); handler(media);
return () => media.removeListener(handler); return () => {
if (media.removeEventListener) {
media.removeEventListener("change", handler);
} else {
media.removeListener(handler);
}
};
}, []); }, []);
// color-scheme handling (tells browser how to render built-in elements like forms, scrollbars, etc.) // color-scheme handling (tells browser how to render built-in elements like forms, scrollbars, etc.)