add breakpoints to hook

relates #69
yalla-coop · Oct 4, 2019 · 03ac217 · 03ac217
1 parent fd5811e
commit 03ac217
Showing 1 changed file with 22 additions and 3 deletions.
diff --git a/src/useWindowWidth.js → src/hooks/useWindowWidth.js b/src/useWindowWidth.js → src/hooks/useWindowWidth.js
@@ -4,7 +4,7 @@
 import { useState, useEffect } from 'react';
 
 // constants
-import { sizeNum } from './constants/breakpoints';
+import { sizeNum } from '../constants/breakpoints';
 
 const useWindowWidth = () => {
   const isClient = typeof window === 'object';
@@ -23,8 +23,27 @@ const useWindowWidth = () => {
     return () => window.removeEventListener('resize', handleResize);
   }, [isClient]);
 
-  const { tablet } = sizeNum;
-  return { isTablet: windowWidth < tablet };
+  const {
+    mobileS,
+    mobileM,
+    mobileL,
+    mobileXL,
+    tablet,
+    laptop,
+    laptopL,
+    desktop,
+  } = sizeNum;
+
+  return {
+    isMobileS: windowWidth < mobileS,
+    isMobileM: windowWidth < mobileM,
+    isMobileL: windowWidth < mobileL,
+    isMobileXL: windowWidth < mobileXL,
+    isTablet: windowWidth < tablet,
+    isLaptop: windowWidth < laptop,
+    isLaptopL: windowWidth < laptopL,
+    isDesktop: windowWidth < desktop,
+  };
 };
 
 export default useWindowWidth;