Add initial unit info reducer and connection

Author: markerikson

src/app/reducers/rootReducer.js

@@ -1,8 +1,10 @@
 import {combineReducers} from "redux";
 
 import tabReducer from "features/tabs/tabReducer";
+import unitInfoReducer from "features/unitInfo/unitInfoReducer";
 
 const rootReducer = combineReducers({
+    unitInfo : unitInfoReducer,
     tabs : tabReducer,
 });
 

src/features/unitInfo/UnitInfo/UnitInfo.jsx

@@ -1,10 +1,13 @@
-import React from "react";
+import React, {Component} from "react";
+import {connect} from "react-redux";
 import {
     Form,
     Dropdown,
     Segment
 } from "semantic-ui-react";
 
+import {selectUnitInfo} from "../unitInfoSelectors";
+
 const FACTIONS = [
     {value : "cc", text : "Capellan Confederation"},
     {value : "dc", text : "Draconis Combine"},
@@ -16,27 +19,35 @@ const FACTIONS = [
     {value : "wd", text : "Wolf's Dragoons"},
 ];
 
-const UnitInfo = () => {
+const mapState = (state) => ({
+    unitInfo : selectUnitInfo(state),
+});
+
+class UnitInfo extends Component {
+    render() {
+        const {unitInfo} = this.props;
+        const {name, affiliation} = unitInfo;
 
-    return (
-        <Segment attached="bottom">
-            <Form size="large">
-                <Form.Field name="name" width={6} >
-                    <label>Unit Name</label>
-                    <input placeholder="Name" value="Black Widow Company"/>
-                </Form.Field>
-                <Form.Field name="affiliation" width={6}>
-                    <label>Affiliation</label>
-                    <Dropdown
-                       selection
-                       options={FACTIONS}
-                       value="wd"
-                    />
-                </Form.Field>
-            </Form>
-        </Segment>
-    );
+        return (
+            <Segment attached="bottom">
+                <Form size="large">
+                    <Form.Field name="name" width={6}>
+                        <label>Unit Name</label>
+                        <input placeholder="Name" value={name}/>
+                    </Form.Field>
+                    <Form.Field name="affiliation" width={6}>
+                        <label>Affiliation</label>
+                        <Dropdown
+                            selection
+                            options={FACTIONS}
+                            value={affiliation}
+                        />
+                    </Form.Field>
+                </Form>
+            </Segment>
+        );
+    }
 }
 
 
-export default UnitInfo;
+export default connect(mapState)(UnitInfo);

src/features/unitInfo/unitInfoReducer.js

@@ -0,0 +1,12 @@
+import {createReducer} from "common/utils/reducerUtils";
+
+
+const initialState = {
+    name : "Black Widow Company",
+    affiliation : "wd",
+};
+
+
+export default createReducer(initialState, {
+    
+});

src/features/unitInfo/unitInfoSelectors.js

@@ -0,0 +1,2 @@
+
+export const selectUnitInfo = state => state.unitInfo;