ethpm · pipermerriam · Feb 8, 2017
diff --git a/www-src/js/actions/index.jsx b/www-src/js/actions/index.jsx
@@ -3,11 +3,13 @@ import * as Web3Actions from './web3'
 import * as ChainActions from './chain'
 import * as ConfigActions from './config'
 import * as PackageIndexActions from './package_index'
+import * as ThingActions from './thing'
 
 export default {
   ...PaginationActions,
   ...Web3Actions,
   ...ChainActions,
   ...ConfigActions,
   ...PackageIndexActions,
+  ...ThingActions,
 }
diff --git a/www-src/js/actions/thing.jsx b/www-src/js/actions/thing.jsx
@@ -0,0 +1,10 @@
+import TYPES from './types'
+
+
+
+export function setThing(value) {
+  return {
+    type: TYPES.SET_THING,
+    value: value,
+  }
+}
diff --git a/www-src/js/actions/types.jsx b/www-src/js/actions/types.jsx
@@ -22,4 +22,6 @@ export default {
   SET_RELEASE_HASH: 'SET_RELEASE_HASH',
   // release data
   SET_RELEASE_DATA: 'SET_RELEASE_DATA',
+  // Thing Setter
+  SET_THING: 'SET_THING'
 }
diff --git a/www-src/js/components/pages/SiteIndex.jsx b/www-src/js/components/pages/SiteIndex.jsx
@@ -4,12 +4,18 @@ import { Link } from 'react-router'
 import BSCard from '../bootstrap/BSCard'
 import FAIcon from '../common/FAIcon'
 import layoutStyles from '../../../css/layout.css'
+import actions from '../../actions'
 
 function mapStateToProps(state) {
-  return {}
+  return {
+    thing: state.thing.get('thingValue')
+  }
 }
 
 export default connect(mapStateToProps)(React.createClass({
  setThing() {
+    this.props.dispatch(actions.setThing(5))
+  },
   render() {
     return (
       <div id="landing-page">
@@ -22,6 +28,8 @@ export default connect(mapStateToProps)(React.createClass({
                   <h1 className="card-title">The Ethereum Package Registry</h1>
                   <p className="card-text">A package index for Ethereum smart contract packages.</p>
                   <Link className="btn btn-primary pull-right" to="registry"><FAIcon icon="database" /> Registry</Link>
+                  <p>Thing is {this.props.thing}</p>
+                  <button type="button"  Thing</button>
                 </div>
               </div>
             </div>

diff --git a/www-src/js/reducers/index.jsx b/www-src/js/reducers/index.jsx
@@ -7,6 +7,7 @@ import config from './config'
 import pagination from './pagination'
 import web3 from './web3'
 import packageIndex from './package_index'
+import thing from './thing'
 
 
 export default combineReducers({
@@ -15,6 +16,7 @@ export default combineReducers({
   pagination,
   web3,
   packageIndex,
+  thing,
   routing: routerReducer,
   form: formReducer,
 })
diff --git a/www-src/js/reducers/thing.jsx b/www-src/js/reducers/thing.jsx
@@ -0,0 +1,22 @@
+import Immutable from 'immutable'
+import TYPES from '../actions/types'
+
+var initialState = Immutable.fromJS({
+  thingValue: 'initial-value'
+})
+
+export default function(state, action) {
+  if (state === undefined) {
+    return initialState
+  }
+
+  var newState = state
+
+  switch (action.type) {
+    case TYPES.SET_THING:
+      newState = newState.set('thingValue', action.value)
+      break
+  }
+
+  return newState
+}