25 lines
703 B
TypeScript
25 lines
703 B
TypeScript
import { useCallback, useEffect, useState } from "react";
|
|
|
|
export default function useWindowFocus() {
|
|
const [isWindowFocused, setIsWindowFocused] = useState(false);
|
|
|
|
const windowFocusCb = useCallback(() => {
|
|
setIsWindowFocused(true);
|
|
}, []);
|
|
|
|
const windowBlurCb = useCallback(() => {
|
|
setIsWindowFocused(false);
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
window.addEventListener("focus", windowFocusCb);
|
|
window.addEventListener("blur", windowBlurCb);
|
|
return function () {
|
|
window.removeEventListener("focus", windowFocusCb);
|
|
window.removeEventListener("blur", windowBlurCb);
|
|
};
|
|
}, []);
|
|
|
|
return { isWindowFocused };
|
|
}
|