basic

.eslintrc.js

@@ -28,10 +28,6 @@ module.exports = {
 		"quotes": [
 			"error",
 			"single"
-		],
-		"semi": [
-			"error",
-			"always"
 		]
 	}
 };

data/todo-data.json

@@ -0,0 +1,12 @@
+[
+  {
+    "id" : 0,
+    "text" : "Make API calls simpler",
+		"completed" : false
+  },
+  {
+    "id" : 1,
+    "text" : "Profit",
+		"completed" : false
+  }
+]

index.html

@@ -11,7 +11,6 @@
   <div id="app-node">
 
   </div>
-  <div class="not-available" style="display:none">Kindly login via PC to view the dashboard</div>
   <script src="bundle.js"></script>
 </body>
 

src/index.jsx

@@ -7,13 +7,11 @@ import todoApp from './reducers'
 import App from './components/App'
 import dataService from './services/data-service'
 
-let store = createStore(todoApp, applyMiddleware(dataService), window.devToolsExtension
-	? window.devToolsExtension()
-	: undefined)
+let store = createStore(todoApp,{}, applyMiddleware(dataService))
 
 render(
 	<Provider store={store}>
 	<App/>
-</Provider>, document.getElementById('root'))
+</Provider>, document.getElementById('app-node'))
 
 store.dispatch({type: 'GET_TODO_DATA'})

src/reducers/todos.js

@@ -1,40 +1,40 @@
 const todo = (state, action) => {
-  switch (action.type) {
-  case 'ADD_TODO':
-    return {
-      id: action.id,
-      text: action.text,
-      completed: false
-    }
-  case 'TOGGLE_TODO':
-    if (state.id !== action.id) {
-      return state
-    }
+	switch (action.type) {
+	case 'ADD_TODO':
+		return {
+			id: action.id,
+			text: action.text,
+			completed: false
+		}
+	case 'TOGGLE_TODO':
+		if (state.id !== action.id) {
+			return state
+		}
 
-    return Object.assign({}, state, {
-      completed: !state.completed
-    })
-  default:
-    return state
-  }
+		return Object.assign({}, state, {
+			completed: !state.completed
+		})
+	default:
+		return state
+	}
 }
 
 const todos = (state = [], action) => {
-  switch (action.type) {
-  case 'ADD_TODO':
-    return [
-      ...state,
-      todo(undefined, action)
-    ]
-  case 'TOGGLE_TODO':
-    return state.map(t =>
-      todo(t, action)
-    )
-  case 'GET_TODO_DATA_RECEIVED':
-    return action.data
-  default:
-    return state
-  }
+	switch (action.type) {
+	case 'ADD_TODO':
+		return [
+			...state,
+			todo(undefined, action)
+		]
+	case 'TOGGLE_TODO':
+		return state.map(t =>
+			todo(t, action)
+		)
+	case 'GET_TODO_DATA_RECEIVED':
+		return action.data
+	default:
+		return state
+	}
 }
 
 export default todos

src/services/data-service.js

@@ -1,29 +1,28 @@
 import request from 'superagent'
 
 const dataService = store => next => action => {
-
-  switch (action.type) {
-  case 'GET_TODO_DATA':
-    request
-      .get('/data/initial-todos.json')
-      .end((err, res) => {
-        if (err) {
-          return store.dispatch({
-            type: 'GET_TODO_DATA_ERROR',
-            err
-          })
-        }
-        const data = JSON.parse(res.text)
-        store.dispatch({
-          type: 'GET_TODO_DATA_RECEIVED',
-          data
-        })
-      })
-    break
-  default:
-    console.log(action)
-    break
-  }
+	switch (action.type) {
+	case 'GET_TODO_DATA':
+		request
+			.get('/data/todo-data.json')
+			.end((err, res) => {
+				if (err) {
+					return next({
+						type: 'GET_TODO_DATA_ERROR',
+						err
+					})
+				}
+				const data = JSON.parse(res.text)
+				next({
+					type: 'GET_TODO_DATA_RECEIVED',
+					data
+				})
+			})
+		break
+	default:
+		next(action)
+		break
+	}
 
 };
 

styles/main.scss

@@ -1,9 +1 @@
-@import "mixins.scss";
-@import "variables.scss";
-@import "base.scss";
-@import "sidebar.scss";
-@import "content.scss";
-@import "pipeline.scss";
-@import "data-table.scss";
-@import "utilization.scss";
-@import "my-staffing.scss";
+