Add mobile view and desktop view component

1 files changed, 14 insertions, 0 deletions

diff --git a/src/core/components/views/MobileView.jsx b/src/core/components/views/MobileView.jsx
new file mode 100644
index 00000000..be8aa293
--- /dev/null
+++ b/src/core/components/views/MobileView.jsx
@@ -0,0 +1,14 @@
+import isMobile from 'is-mobile'
+import { useEffect, useState } from 'react'
+
+const MobileView = ({ children }) => {
+  const [view, setView] = useState(<></>)
+
+  useEffect(() => {
+    if (isMobile()) setView(children)
+  }, [children])
+
+  return view
+}
+
+export default MobileView