Skip to content

Commit 6818198

Browse files
author
marcoDmc
committed
feat: created method function that takes the screen size in real time
1 parent c51c41c commit 6818198

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

src/pages/Home/Home.tsx

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,26 @@ const Home = () => {
9696
);
9797
}, [refresh, filterData, shelters.filters, shelters.page, shelters.perPage]);
9898

99+
100+
const [windowSize, setWindowSize] = useState({
101+
width: window.innerWidth,
102+
});
103+
104+
useEffect(() => {
105+
const handleResize = () => {
106+
setWindowSize({
107+
width: window.innerWidth,
108+
});
109+
};
110+
111+
window.addEventListener('resize', handleResize);
112+
return () => {
113+
window.removeEventListener('resize', handleResize);
114+
};
115+
}, []);
116+
117+
118+
99119
return (
100120
<div className="flex flex-col h-screen items-center">
101121
{isModalOpen && (

0 commit comments

Comments
 (0)