From cb2f42dc505a576728cae3603e66857d4bf5da10 Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Tue, 9 Jun 2020 16:29:20 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9B=8F=20switch=20to=20mobile=20screen=20by?=
 =?UTF-8?q?=20window=20width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/modules/IDE/pages/IDEViewMobile.jsx | 5 +++++
 client/routes.jsx                          | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 client/modules/IDE/pages/IDEViewMobile.jsx

diff --git a/client/modules/IDE/pages/IDEViewMobile.jsx b/client/modules/IDE/pages/IDEViewMobile.jsx
new file mode 100644
index 00000000..d8bb3e33
--- /dev/null
+++ b/client/modules/IDE/pages/IDEViewMobile.jsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default () => (<div>
+  <h1>Test</h1>
+</div>); //eslint-disable-line
diff --git a/client/routes.jsx b/client/routes.jsx
index 18ff9b20..061e537c 100644
--- a/client/routes.jsx
+++ b/client/routes.jsx
@@ -2,6 +2,7 @@ import { Route, IndexRoute } from 'react-router';
 import React from 'react';
 import App from './modules/App/App';
 import IDEView from './modules/IDE/pages/IDEView';
+import IDEViewMobile from './modules/IDE/pages/IDEViewMobile';
 import FullView from './modules/IDE/pages/FullView';
 import LoginView from './modules/User/pages/LoginView';
 import SignupView from './modules/User/pages/SignupView';
@@ -24,9 +25,11 @@ const onRouteChange = (store) => {
   store.dispatch(stopSketch());
 };
 
+const isMobile = () => window.innerWidth <= 760;
+
 const routes = store => (
   <Route path="/" component={App} onChange={() => { onRouteChange(store); }}>
-    <IndexRoute component={IDEView} onEnter={checkAuth(store)} />
+    <IndexRoute component={isMobile() ? IDEViewMobile : IDEView} onEnter={checkAuth(store)} />
     <Route path="/login" component={userIsNotAuthenticated(LoginView)} />
     <Route path="/signup" component={userIsNotAuthenticated(SignupView)} />
     <Route path="/reset-password" component={userIsNotAuthenticated(ResetPasswordView)} />
@@ -49,6 +52,7 @@ const routes = store => (
     <Route path="/:username/collections/create" component={DashboardView} />
     <Route path="/:username/collections/:collection_id" component={CollectionView} />
     <Route path="/about" component={IDEView} />
+
   </Route>
 );