rzerres/element-call
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use correct DOM event name for visibility changes in useWakeLock

Browse Source
This commit is contained in:
Hugh Nimmo-Smith
2024-06-19 17:54:15 +01:00
parent a7c065f300
commit ba647780e8
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/useWakeLock.ts
View File

@@ -27,8 +27,8 @@ export function useWakeLock(): void {
let lock: WakeLockSentinel | null = null; let lock: WakeLockSentinel | null = null;
// The lock is automatically released whenever the window goes invisible, // The lock is automatically released whenever the window goes invisible,
// so we need to reacquire it on visiblity changes // so we need to reacquire it on visibility changes
const onVisiblityChange = async (): Promise<void> => { const onVisibilityChange = async (): Promise<void> => {
if (document.visibilityState === "visible") { if (document.visibilityState === "visible") {
try { try {
lock = await navigator.wakeLock.request("screen"); lock = await navigator.wakeLock.request("screen");
@@ -44,8 +44,8 @@ export function useWakeLock(): void {
} }
}; };
onVisiblityChange(); onVisibilityChange();
document.addEventListener("visiblitychange", onVisiblityChange); document.addEventListener("visibilitychange", onVisibilityChange);
return (): void => { return (): void => {
mounted = false; mounted = false;
@@ -53,7 +53,7 @@ export function useWakeLock(): void {
lock lock
.release() .release()
.catch((e) => logger.warn("Can't release wake lock", e)); .catch((e) => logger.warn("Can't release wake lock", e));
document.removeEventListener("visiblitychange", onVisiblityChange); document.removeEventListener("visibilitychange", onVisibilityChange);
}; };
} }
}, []); }, []);