basic implementation for fetching ungit configuration on path container

Author: AllenFang

src-react/actions/ungit-config.js

@@ -0,0 +1,19 @@
+import * as types from 'constants/action-types';
+export function fetchUngitConfig() {
+  return dispatch => {
+    // consider wrap API call in separate modules
+    // it will be easy to stub module's function when testing
+    fetch('http://localhost:8448/ungit/config')
+      .then(response => response.json())
+      .then(json => {
+        dispatch(receiveUgitConfig(json));
+      });
+  };
+};
+
+export function receiveUgitConfig(ungitConfig) {
+  return {
+    type: types.RECEIVE_UNGIT_CONFIG,
+    ungitConfig
+  };
+};

src-react/constants/action-types.js

@@ -0,0 +1 @@
+export const RECEIVE_UNGIT_CONFIG = 'RECEIVE_UNGIT_CONFIG';

src-react/containers/path.js

@@ -1,19 +1,32 @@
 import React, { Component } from 'react';
+import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux'
 
+import * as ungitConfigActionCreators from 'actions/ungit-config';
 import 'styles/styles.scss';
 
-@connect(state => { return { ...state } })
+@connect(state => { 
+  return { ...state };
+}, dispatch => {
+  return { 
+    actions: bindActionCreators(Object.assign({}, ungitConfigActionCreators), dispatch) 
+  };
+})
 class Path extends Component {
+
+  componentWillMount() {
+    const { actions } = this.props;
+    actions.fetchUngitConfig();
+  }
+
   render() {
     return (
-      <div className="App">
-        <div className="App-header">
-          <h2>Welcome to { this.props.app }</h2>
+      <div>
+        <div className="app-top-margin"></div>
+        <div className="app-wrapper">
+          <div className="container" data-bind="shown: shown" data-ta-container="app">
+          </div>
         </div>
-        <p className="App-intro">
-          To get started, edit <code>src/container/Path.js</code> and save to reload.
-        </p>
       </div>
     );
   }

src-react/reducers/index.js

@@ -1,9 +1,17 @@
+import * as types from 'constants/action-types';
+
 const initialState = {
-  app: 'React'
+  ungitConfig: null
 };
 
-const ungitApp = function(state, action) {
-  return { ...initialState };
+const ungitApp = function(state = initialState, action) {
+  switch(action.type) {
+    case types.RECEIVE_UNGIT_CONFIG:
+    const { ungitConfig } = action;
+      return { ...state, ungitConfig };
+    default:
+      return { ...state };
+  }
 }
 
 export default ungitApp;