()
| 119 | } |
| 120 | |
| 121 | export function useWindowSize() { |
| 122 | const [size, setSize] = useState({ |
| 123 | width: window.innerWidth, |
| 124 | height: window.innerHeight, |
| 125 | }); |
| 126 | |
| 127 | useEffect(() => { |
| 128 | const onResize = () => { |
| 129 | setSize({ |
| 130 | width: window.innerWidth, |
| 131 | height: window.innerHeight, |
| 132 | }); |
| 133 | }; |
| 134 | |
| 135 | window.addEventListener("resize", onResize); |
| 136 | |
| 137 | return () => { |
| 138 | window.removeEventListener("resize", onResize); |
| 139 | }; |
| 140 | }, []); |
| 141 | |
| 142 | return size; |
| 143 | } |
| 144 | |
| 145 | export const MOBILE_MAX_WIDTH = 600; |
| 146 | export function useMobileScreen() { |
no outgoing calls
no test coverage detected