Revert "chore(ui): avoid useless dispatch"

This reverts commit 3acf0e28.

src/components/Content/Content.tsx

@@ -21,11 +21,11 @@ const Content = ({ children }: { children: React.ReactNode }) => {
 
   useEffect(() => {
     function handleResize() {
-      if (innerWidth <= 768 && screenType !== ScreenType.MOBILE) {
+      if (innerWidth <= 768) {
         dispatch(changeScreenType(ScreenType.MOBILE))
-      } else if (innerWidth <= 1024 && screenType !== ScreenType.TABLET) {
+      } else if (innerWidth <= 1024) {
         dispatch(changeScreenType(ScreenType.TABLET))
-      } else if (innerWidth > 1024 && screenType !== ScreenType.DESKTOP) {
+      } else {
         dispatch(changeScreenType(ScreenType.DESKTOP))
       }
     }
@@ -34,7 +34,7 @@ const Content = ({ children }: { children: React.ReactNode }) => {
     return () => {
       window.removeEventListener('resize', handleResize)
     }
-  }, [dispatch, screenType])
+  }, [dispatch])
 
   return (
     <>

src/components/Header/CozyBar.tsx

@@ -68,8 +68,9 @@ const CozyBar = ({
         </BarRight>
       </>
     )
+  } else {
+    return null
   }
-  return null
 }
 
 export default CozyBar

src/components/Header/Header.tsx

@@ -31,9 +31,7 @@ const Header = ({
   const navigate = useNavigate()
   const header = useRef<HTMLDivElement>(null)
   const dispatch = useAppDispatch()
-  const { screenType, headerHeight } = useAppSelector(
-    state => state.ecolyo.global
-  )
+  const { screenType } = useAppSelector(state => state.ecolyo.global)
   const cozyBarHeight = 48
 
   const handleClickBack = useCallback(() => {
@@ -49,12 +47,10 @@ const Header = ({
   }
 
   useEffect(() => {
-    const refHeight = header.current?.clientHeight || 0
+    const headerHeight = header.current?.clientHeight || 0
     const adjustment = screenType === ScreenType.MOBILE ? cozyBarHeight : 0
-    const targetHeight = refHeight - adjustment
-    if (targetHeight === headerHeight) return
-    dispatch(setHeaderHeight(targetHeight))
-  }, [screenType, children, dispatch, headerHeight])
+    dispatch(setHeaderHeight(headerHeight - adjustment))
+  }, [screenType, children, dispatch])
 
   return (
     <header ref={header}>

src/enums/screen.enum.ts

 export enum ScreenType {
-  MOBILE = 'MOBILE',
-  TABLET = 'TABLET',
-  DESKTOP = 'DESKTOP',
+  MOBILE = 0,
+  TABLET = 1,
+  DESKTOP = 2,
 }