summaryrefslogtreecommitdiff
path: root/src/core/components/views/MobileView.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/core/components/views/MobileView.jsx')
-rw-r--r--src/core/components/views/MobileView.jsx16
1 files changed, 14 insertions, 2 deletions
diff --git a/src/core/components/views/MobileView.jsx b/src/core/components/views/MobileView.jsx
index be8aa293..348572c6 100644
--- a/src/core/components/views/MobileView.jsx
+++ b/src/core/components/views/MobileView.jsx
@@ -1,11 +1,23 @@
-import isMobile from 'is-mobile'
import { useEffect, useState } from 'react'
const MobileView = ({ children }) => {
const [view, setView] = useState(<></>)
useEffect(() => {
- if (isMobile()) setView(children)
+ const handleResize = () => {
+ if (window.innerWidth < 768) {
+ setView(children)
+ } else {
+ setView(<></>)
+ }
+ }
+
+ handleResize()
+ window.addEventListener('resize', handleResize)
+
+ return () => {
+ window.removeEventListener('resize', handleResize)
+ }
}, [children])
return view