jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-26 12:58:28 -04:00
Code Issues

more deprecated addListeners

Browse Source
This commit is contained in:
Jake Jarvis 2022-04-26 12:48:38 -04:00
parent d5ff5f2898
commit 6ab0c5a97f
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
3 changed files with 6 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/ThemeScript/script.js
View File

@ -10,7 +10,7 @@ export const clientScript = () => {
var dark = "dark";
var newTheme;
// user's saved preference
var pref = localStorage.getItem("__STORAGE_KEY__");
var pref = window.localStorage.getItem("__STORAGE_KEY__");
// map of theme -> classname
var classNames = "__CLASS_NAMES__";
// the list of <html>'s current class(es)...

15
contexts/ThemeContext.tsx
View File

@ -74,21 +74,12 @@ export const ThemeProvider = ({
const handler = (...args: any) => mediaListener.current(...args);
const media = window.matchMedia(darkModeQuery);
if (media.addEventListener) {
media.addEventListener("change", handler);
} else {
// support deprecated listener API
media.addListener(handler);
}
media.addEventListener("change", handler);
handler(media);
// clean up the event listener
return () => {
if (media.removeEventListener) {
media.removeEventListener("change", handler);
} else {
media.removeListener(handler);
}
media.removeEventListener("change", handler);
};
}, []);

13
hooks/use-prefers-reduced-motion.ts
View File

@ -19,20 +19,11 @@ export const usePrefersReducedMotion = (): boolean => {
};
const mediaQueryList = window.matchMedia(QUERY);
if (mediaQueryList.addEventListener) {
mediaQueryList.addEventListener("change", listener);
} else {
// support deprecated listener API
mediaQueryList.addListener(listener);
}
mediaQueryList.addEventListener("change", listener);
// clean up the event listener
return () => {
if (mediaQueryList.removeEventListener) {
mediaQueryList.removeEventListener("change", listener);
} else {
mediaQueryList.removeListener(listener);
}
mediaQueryList.removeEventListener("change", listener);
};
}, [setPrefersReducedMotion]);