Mar 22, 2020 · Mar 22, 2020
diff --git a/web-app/src/components/Workspace/index.tsx b/web-app/src/components/Workspace/index.tsx
 import*asReactfrom'react'
 import{css,jsx}from'@emotion/core'
 import{useWindowResize}from'../../services/hooks/resize'
 import{useWindowResize}from'./resize'

 interfaceProps{
 children:React.ReactElement
diff --git a/web-app/src/services/hooks/resize.ts → web-app/src/components/Workspace/resize.ts b/web-app/src/services/hooks/resize.ts → web-app/src/components/Workspace/resize.ts

 // solution for windows getting off size
 React.useEffect(()=>{
 // timeoutId for debounce mechanism
 lettimeoutId:any
 consthandleResize=()=>{
 setDimensions(resize())
 if(timeoutId){
 // prevent execution of previous setTimeout
 clearTimeout(timeoutId)
 }
 timeoutId=setTimeout(()=>setDimensions(resize()),50)
 }
 window.addEventListener('resize',handleResize)
 return()=>window.removeEventListener('resize',handleResize)
 },[])
 },[window.innerWidth,window.innerHeight])
 returndimensions
 }
Original file line number	Diff line number	Diff line change
		@@ -1,6 +1,6 @@
		import*asReactfrom'react'
		import{css,jsx}from'@emotion/core'
		import{useWindowResize}from'../../services/hooks/resize'
		import{useWindowResize}from'./resize'

		interfaceProps{
		children:React.ReactElement
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -10,11 +10,17 @@ export const useWindowResize = () => {

		// solution for windows getting off size
		React.useEffect(()=>{
		// timeoutId for debounce mechanism
		lettimeoutId:any
		consthandleResize=()=>{
		setDimensions(resize())
		if(timeoutId){
		// prevent execution of previous setTimeout
		clearTimeout(timeoutId)
		}
		timeoutId=setTimeout(()=>setDimensions(resize()),50)
		}
		window.addEventListener('resize',handleResize)
		return()=>window.removeEventListener('resize',handleResize)
		},[])
		},[window.innerWidth,window.innerHeight])
		returndimensions
		}