diff --git a/client/routes.jsx b/client/routes.jsx
index ada29bd8..5eeed0a4 100644
--- a/client/routes.jsx
+++ b/client/routes.jsx
@@ -1,7 +1,5 @@
import { Route, IndexRoute } from 'react-router';
import React from 'react';
-import PropTypes from 'prop-types';
-import MediaQuery from 'react-responsive';
import App from './modules/App/App';
import IDEView from './modules/IDE/pages/IDEView';
@@ -22,31 +20,12 @@ import MobileDashboardView from './modules/Mobile/MobileDashboardView';
import { getUser } from './modules/User/actions';
import { stopSketch } from './modules/IDE/actions/ide';
import { userIsAuthenticated, userIsNotAuthenticated, userIsAuthorized } from './utils/auth';
-import ResponsiveForm from './modules/User/components/ResponsiveForm';
+import { createMobileFirst, responsiveForm } from './utils/responsive';
const checkAuth = (store) => {
store.dispatch(getUser());
};
-const mobileEnabled = () => (window.process.env.MOBILE_ENABLED === true);
-
-/** createMobileFirst: Receives the store, and creates a function that chooses between two components,
- * aimed at mobile and desktop resolutions, respectively.
- * The created function returns a Component (props => jsx)
- */
-const createMobileFirst = store => (MobileComponent, Fallback) => props => (
-
- {matches => ((matches || (store && store.getState().editorAccessibility.forceDesktop) || (!mobileEnabled()))
- ?
- : )}
- );
-
-const responsiveForm = DesktopComponent => props => (
-
-
-
-);
-
// TODO: This short-circuit seems unnecessary - using the mobile navigator (future) should prevent this from being called
const onRouteChange = (store) => {
const path = window.location.pathname;
diff --git a/client/utils/responsive.jsx b/client/utils/responsive.jsx
new file mode 100644
index 00000000..d611e393
--- /dev/null
+++ b/client/utils/responsive.jsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import MediaQuery from 'react-responsive';
+import ResponsiveForm from '../modules/User/components/ResponsiveForm';
+
+export const mobileEnabled = () => (window.process.env.MOBILE_ENABLED === true);
+
+
+/** createMobileFirst: Receives the store, and creates a function that chooses between two components,
+ * aimed at mobile and desktop resolutions, respectively.
+ * The created function returns a Component (props => jsx)
+ */
+export const createMobileFirst = store => (MobileComponent, Fallback) => props => (
+
+ {matches => ((matches || (store && store.getState().editorAccessibility.forceDesktop) || (!mobileEnabled()))
+ ?
+ : )}
+ );
+
+export const responsiveForm = DesktopComponent => props => (
+
+
+
+);