28 of 35 branches covered (80.0%)
Branch coverage included in aggregate %.
447 of 512 new or added lines in 22 files covered. (87.3%)
513 of 587 relevant lines covered (87.39%)
2.02 hits per line
|
import { useEffect, useState } from 'react'; |
1✔ |
|
|
1✔ |
|
const useHandleResize = () => {
|
|
|
const [show, setShow] = useState(true); |
2✔ |
|
const [windowWidth, setWindowWidth] = useState(window.innerWidth);
|
2✔ |
|
|
2✔ |
|
useEffect(() => { |
|
|
const handleResize = () => {
|
2✔ |
NEW
|
setWindowWidth(window.innerWidth); |
× |
NEW
|
}; |
× |
|
window.addEventListener('resize', handleResize); |
2✔ |
|
return () => {
|
|
|
window.removeEventListener('resize', handleResize); |
2✔ |
|
}; |
2✔ |
|
}, []); |
2✔ |
|
|
2✔ |
|
useEffect(() => { |
|
|
if (windowWidth < 1022) { |
|
NEW
|
setShow(false);
|
× |
|
} else {
|
2✔ |
|
setShow(true);
|
2✔ |
|
} |
2✔ |
|
}, [windowWidth]); |
2✔ |
|
|
2✔ |
|
return {
|
2✔ |
|
show, |
2✔ |
|
}; |
2✔ |
|
}; |
2✔ |
|
|
1✔ |
|
export default useHandleResize; |
1✔ |