Add isLandscapeScreen hook (#143)

apps/front/src/components/app/App.tsx

@@ -4,7 +4,7 @@ import { Link, Stack, TManageTransitions } from "@cher-ami/router"
 
 import debug from "@wbe/debug"
 import { EPages } from "~/routes"
-const log = debug(`front:*`)
+const log = debug(`front:App`)
 
 export interface IProps {}
 

apps/front/src/libs/hooks/useIsLandscapeScreen.ts

@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react"
+
+/**
+ * useIsLandscapeScreen
+ * @return boolean
+ */
+export function useIsLandscapeScreen(): boolean {
+  const [isLandscapeScreen, setIsLandscapeScreen] = useState<boolean>(
+    window.innerWidth > window.innerHeight
+  )
+
+  const handler = () => {
+    setIsLandscapeScreen(window.innerWidth > window.innerHeight)
+  }
+
+  useEffect(() => {
+    handler()
+    window.addEventListener("resize", handler)
+    return () => {
+      window.removeEventListener("resize", handler)
+    }
+  }, [])
+
+  return isLandscapeScreen
+}