Merge pull request #56 from tuzkituan/main

Version 1.2.10

lib/hooks/media.hook.tsx

@@ -0,0 +1,22 @@
+import { useEffect, useState } from "react";
+
+const useMediaQuery = (minWidth: number) => {
+  const [state, setState] = useState({
+    windowWidth: window.innerWidth,
+    isDesiredWidth: false,
+  });
+
+  useEffect(() => {
+    const resizeHandler = () => {
+      const currentWindowWidth = window.innerWidth;
+      const isDesiredWidth = currentWindowWidth < minWidth;
+      setState({ windowWidth: currentWindowWidth, isDesiredWidth });
+    };
+    window.addEventListener("resize", resizeHandler);
+    return () => window.removeEventListener("resize", resizeHandler);
+  }, [state.windowWidth]);
+
+  return state.isDesiredWidth;
+};
+
+export default useMediaQuery;

lib/main.ts

@@ -57,3 +57,6 @@ export * from "./providers/zeni-provider";
 // UTILS
 export * from "./customization/theme/index";
 export * from "./customization/theme/use-change-theme";
+
+// HOOKS
+export * from "./hooks/media.hook";

package.json

@@ -1,7 +1,7 @@
 {
   "name": "zeni-ui",
   "private": false,
-  "version": "1.2.9-beta",
+  "version": "1.2.10-beta",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",