create Loadable files

Author: bertho-zero

src/containers/About/Loadable.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Loadable from 'react-loadable';
+
+const AboutLoadable = Loadable({
+  loader: () => import('./About'),
+  loading: () => <div>Loading</div>
+});
+
+export default AboutLoadable;

src/containers/Chat/Loadable.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import Loadable from 'react-loadable';
 
-export default Loadable({
+const ChatLoadable = Loadable({
   loader: () => import('./Chat'),
   loading: () => <div>Loading</div>
 });
+
+export default ChatLoadable;

src/containers/ChatFeathers/Loadable.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Loadable from 'react-loadable';
+
+const ChatFeathersLoadable = Loadable({
+  loader: () => import('./ChatFeathers'),
+  loading: () => <div>Loading</div>
+});
+
+export default ChatFeathersLoadable;

src/containers/Login/Loadable.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Loadable from 'react-loadable';
+
+const LoginLoadable = Loadable({
+  loader: () => import('./Login'),
+  loading: () => <div>Loading</div>
+});
+
+export default LoginLoadable;

src/containers/LoginSuccess/Loadable.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Loadable from 'react-loadable';
+
+const LoginSuccessLoadable = Loadable({
+  loader: () => import('./LoginSuccess'),
+  loading: () => <div>Loading</div>
+});
+
+export default LoginSuccessLoadable;

src/containers/Register/Loadable.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Loadable from 'react-loadable';
+
+const RegisterLoadable = Loadable({
+  loader: () => import('./Register'),
+  loading: () => <div>Loading</div>
+});
+
+export default RegisterLoadable;

src/containers/Survey/Loadable.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Loadable from 'react-loadable';
+
+const SurveyLoadable = Loadable({
+  loader: () => import('./Survey'),
+  loading: () => <div>Loading</div>
+});
+
+export default SurveyLoadable;

src/containers/Widgets/Loadable.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Loadable from 'react-loadable';
+
+const WidgetsLoadable = Loadable({
+  loader: () => import('./Widgets'),
+  loading: () => <div>Loading</div>
+});
+
+export default WidgetsLoadable;

src/routes.js

@@ -1,48 +1,14 @@
-import React from 'react';
-import Loadable from 'react-loadable';
 import { routerActions } from 'react-router-redux';
 import { connectedReduxRedirect } from 'redux-auth-wrapper/history4/redirect';
 import { App, Home, NotFound } from 'containers';
-
-const About = Loadable({
-  loader: () => import('./containers/About/About'),
-  loading: () => <div>Loading</div>
-});
-
-const Chat = Loadable({
-  loader: () => import('./containers/Chat/Chat'),
-  loading: () => <div>Loading</div>
-});
-
-const ChatFeathers = Loadable({
-  loader: () => import('./containers/ChatFeathers/ChatFeathers'),
-  loading: () => <div>Loading</div>
-});
-
-const Login = Loadable({
-  loader: () => import('./containers/Login/Login'),
-  loading: () => <div>Loading</div>
-});
-
-const LoginSuccess = Loadable({
-  loader: () => import('./containers/LoginSuccess/LoginSuccess'),
-  loading: () => <div>Loading</div>
-});
-
-const Register = Loadable({
-  loader: () => import('./containers/Register/Register'),
-  loading: () => <div>Loading</div>
-});
-
-const Survey = Loadable({
-  loader: () => import('./containers/Survey/Survey'),
-  loading: () => <div>Loading</div>
-});
-
-const Widgets = Loadable({
-  loader: () => import('./containers/Widgets/Widgets'),
-  loading: () => <div>Loading</div>
-});
+import About from 'containers/About/Loadable';
+import Chat from 'containers/Chat/Loadable';
+import ChatFeathers from 'containers/ChatFeathers/Loadable';
+import Login from 'containers/Login/Loadable';
+import LoginSuccess from 'containers/LoginSuccess/Loadable';
+import Register from 'containers/Register/Loadable';
+import Survey from 'containers/Survey/Loadable';
+import Widgets from 'containers/Widgets/Loadable';
 
 const isAuthenticated = connectedReduxRedirect({
   redirectPath: '/login',