chore(react/ribbon): react note map to height changes

This commit is contained in:
Elian Doran
2025-08-23 11:12:14 +03:00
parent f7c82d6b09
commit 5f77ca31bd
2 changed files with 27 additions and 9 deletions

View File

@@ -470,4 +470,25 @@ export function useResizeObserver(ref: RefObject<HTMLElement>, callback: ResizeO
resizeObserver.disconnect();
}
}, [ ref, callback ]);
}
export function useWindowSize() {
const [ size, setSize ] = useState<{ windowWidth: number, windowHeight: number }>({
windowWidth: window.innerWidth,
windowHeight: window.innerHeight
});
useEffect(() => {
function onResize() {
setSize({
windowWidth: window.innerWidth,
windowHeight: window.innerHeight
});
}
window.addEventListener("resize", onResize);
return () => window.removeEventListener("resize", onResize);
});
return size;
}