refactor frontend, add threshold slider

1 files changed, 61 insertions, 0 deletions

diff --git a/client/store.js b/client/store.js
new file mode 100644
index 0000000..c5f5555
--- /dev/null
+++ b/client/store.js
@@ -0,0 +1,61 @@
+import { applyMiddleware, compose, combineReducers, createStore } from 'redux'
+import { connectRouter, routerMiddleware } from 'connected-react-router'
+import { createBrowserHistory } from 'history'
+import thunk from 'redux-thunk'
+import * as types from './types'
+
+const initialState = () => ({
+  api: null,
+})
+
+export default function apiReducer(state = initialState(), action) {
+  // console.log(action.type, action)
+  switch (action.type) {
+    case types.api.loading:
+      return {
+        ...state,
+        [action.tag]: { loading: true },
+      }
+
+    case types.api.loaded:
+      return {
+        ...state,
+        [action.tag]: action.data,
+      }
+
+    case types.api.error:
+      return {
+        ...state,
+        [action.tag]: { error: action.err },
+      }
+
+    default:
+      return state
+  }
+}
+
+const rootReducer = combineReducers({
+  api: apiReducer,
+})
+
+function configureStore(initialState = {}, history) {
+  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
+
+  const store = createStore(
+    connectRouter(history)(rootReducer), // new root reducer with router state
+    initialState,
+    composeEnhancers(
+      applyMiddleware(
+        thunk,
+        routerMiddleware(history)
+      ),
+    ),
+  )
+
+  return store
+}
+
+const history = createBrowserHistory()
+const store = configureStore({}, history)
+
+export { store, history }