2022-08-03 15:36:03 +00:00
|
|
|
import { useEffect, useState } from 'react';
|
2022-04-17 18:44:34 +00:00
|
|
|
|
|
|
|
export function useFocusState() {
|
2022-05-23 07:54:46 +00:00
|
|
|
const [focused, setFocused] = useState(true);
|
|
|
|
const focus = () => setFocused(true);
|
|
|
|
const blur = () => setFocused(false);
|
|
|
|
useEffect(() => {
|
|
|
|
window.addEventListener('focus', focus);
|
|
|
|
window.addEventListener('blur', blur);
|
|
|
|
return () => {
|
|
|
|
window.removeEventListener('focus', focus);
|
|
|
|
window.removeEventListener('blur', blur);
|
|
|
|
};
|
|
|
|
}, []);
|
2022-04-17 18:44:34 +00:00
|
|
|
|
2022-05-23 07:54:46 +00:00
|
|
|
return [focused];
|
2022-04-17 18:44:34 +00:00
|
|
|
}
|