apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-05 13:52:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

biome checks

Browse source
This commit is contained in:
DESKTOP-RTLN3BA\$punk 2025-10-04 12:14:14 -07:00
parent 6ebad8936c
commit 750d828f2b
15 changed files with 36 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

46
surfsense_web/hooks/use-media-query.ts
View file

@ -6,34 +6,32 @@ import { useEffect, useState } from "react";
* @returns boolean - True if the media query matches, false otherwise
*/
export function useMediaQuery(query: string): boolean {
const [matches, setMatches] = useState(false);
const [matches, setMatches] = useState(false);
useEffect(() => {
// Check if we're in the browser (handle SSR)
if (typeof window === "undefined") {
return;
}
useEffect(() => {
// Check if we're in the browser (handle SSR)
if (typeof window === "undefined") {
return;
}
const mediaQuery = window.matchMedia(query);
// Set initial value
setMatches(mediaQuery.matches);
const mediaQuery = window.matchMedia(query);
// Create event listener
const handler = (event: MediaQueryListEvent) => {
setMatches(event.matches);
};
// Set initial value
setMatches(mediaQuery.matches);
// Add event listener
mediaQuery.addEventListener("change", handler);
// Create event listener
const handler = (event: MediaQueryListEvent) => {
setMatches(event.matches);
};
// Cleanup
return () => {
mediaQuery.removeEventListener("change", handler);
};
}, [query]);
// Add event listener
mediaQuery.addEventListener("change", handler);
return matches;
// Cleanup
return () => {
mediaQuery.removeEventListener("change", handler);
};
}, [query]);
return matches;
}