jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-26 20:08:29 -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 dark = "dark";
var newTheme; var newTheme;
// user's saved preference // user's saved preference
var pref = localStorage.getItem("__STORAGE_KEY__"); var pref = window.localStorage.getItem("__STORAGE_KEY__");
// map of theme -> classname // map of theme -> classname
var classNames = "__CLASS_NAMES__"; var classNames = "__CLASS_NAMES__";
// the list of <html>'s current class(es)... // 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 handler = (...args: any) => mediaListener.current(...args);
const media = window.matchMedia(darkModeQuery); const media = window.matchMedia(darkModeQuery);
if (media.addEventListener) { media.addEventListener("change", handler);
media.addEventListener("change", handler);
} else {
// support deprecated listener API
media.addListener(handler);
}
handler(media); handler(media);
// clean up the event listener
return () => { return () => {
if (media.removeEventListener) { media.removeEventListener("change", handler);
media.removeEventListener("change", handler);
} else {
media.removeListener(handler);
}
}; };
}, []); }, []);

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

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