reorganized file system

client/app.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Route, Switch } from 'react-router-dom';
 import HomePage from 'pages/HomePage'; // or use the provided local homepage
 import AboutPage from 'pages/AboutPage';
-import LoginPage from 'containers/LoginPage';
+import LoginPage from 'pages/LoginPage';
 import ShowPage from 'pages/ShowPage';
 import FourOhFourPage from 'containers/FourOhFourPage';
 

client/client.js

@@ -21,25 +21,29 @@ const sagaMiddleware = createSagaMiddleware();
 const middleware = applyMiddleware(sagaMiddleware);
 const reduxMiddleware = window.__REDUX_DEVTOOLS_EXTENSION__ ? compose(middleware, window.__REDUX_DEVTOOLS_EXTENSION__()) : middleware;
 
-// create teh store
-let store;
-if (preloadedState) {
-  store = createStore(Reducer, preloadedState, reduxMiddleware);
-} else {
-  store = createStore(Reducer, reduxMiddleware);
-}
+const SpeechClient = () => {
+  // create teh store
+  let store;
+  if (preloadedState) {
+    store = createStore(Reducer, preloadedState, reduxMiddleware);
+  } else {
+    store = createStore(Reducer, reduxMiddleware);
+  }
 
-// run the saga middlweare
-sagaMiddleware.run(rootSaga);
+  // run the saga middlweare
+  sagaMiddleware.run(rootSaga);
 
-// render the app
-hydrate(
-  <Provider store={store}>
-    <BrowserRouter>
-      <GAListener>
-        <App />
-      </GAListener>
-    </BrowserRouter>
-  </Provider>,
-  document.getElementById('react-app')
-);
+  // render the app
+  hydrate(
+    <Provider store={store}>
+      <BrowserRouter>
+        <GAListener>
+          <App />
+        </GAListener>
+      </BrowserRouter>
+    </Provider>,
+    document.getElementById('react-app')
+  );
+};
+
+module.exports = SpeechClient;