mirror/FossFLOW
1
0
Fork 0
mirror of https://github.com/stan-smith/FossFLOW.git synced 2025-12-25 23:49:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: grid listens to window resize events

Browse Source
This commit is contained in:
Mark Mankarious
2023-11-01 14:15:44 +00:00
parent 33658b38b1
commit 0b9789746a
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Grid/Grid.tsx
View File

@@ -6,9 +6,11 @@ import gridTileSvg from 'src/assets/grid-tile-bg.svg';
import { useUiStateStore } from 'src/stores/uiStateStore';
import { PROJECTED_TILE_SIZE } from 'src/config';
import { SizeUtils } from 'src/utils/SizeUtils';
import { useResizeObserver } from 'src/hooks/useResizeObserver';
export const Grid = () => {
const elementRef = useRef<HTMLDivElement>(null);
const { size } = useResizeObserver(elementRef.current);
const [isFirstRender, setIsFirstRender] = useState(true);
const scroll = useUiStateStore((state) => {
return state.scroll;
@@ -36,7 +38,7 @@ export const Grid = () => {
if (isFirstRender) {
setIsFirstRender(false);
}
}, [scroll, zoom, isFirstRender]);
}, [scroll, zoom, isFirstRender, size]);
return (
<Box