feat: update mobile view

bigcommerce · Jan 31, 2023 · bc215ca · bc215ca
1 parent c5e77d7
commit bc215ca
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/apps/storefront/src/hooks/useMobile.ts b/apps/storefront/src/hooks/useMobile.ts
@@ -6,15 +6,26 @@ import {
 const useMobile = () => {
   const [isMobile, setIsMobile] = useState<boolean>(false)
 
-  const ua = navigator.userAgent.toLowerCase()
-  const agents = ['iphone', 'ipad', 'ipod', 'android', 'windows phone'] // All fields that may be mobile devices
+  // const ua = navigator.userAgent.toLowerCase()
+  // const agents = ['iphone', 'ipad', 'ipod', 'android', 'windows phone'] // All fields that may be mobile devices
 
   useEffect(() => {
-    agents.forEach((item: string) => {
-      if (ua.indexOf(item) !== -1) {
-        setIsMobile(true)
-      }
-    })
+    // agents.forEach((item: string) => {
+    //   if (ua.indexOf(item) !== -1) {
+    //     setIsMobile(true)
+    //   }
+    // })
+    const resize = () => {
+      setIsMobile(document.body.clientWidth <= 750)
+    }
+
+    resize()
+
+    window.addEventListener('resize', resize)
+
+    return () => {
+      window.removeEventListener('resize', resize)
+    }
   }, [])
 
   return [isMobile]