Landon Taylor

src/components/ChangeTemperature.js

@@ -1,11 +1,13 @@
 import React from "react";
+import store from '../store';
 
 function ChangeTemperature(props){
     return(
       <div>
         <br/>
         <label>Change Temp -  Enter a value from 1-100<br/>
           <input onChange={(e)=>{
+            store.dispatch({type: "SET_TEMP", value: e.target.value})
 
           }} type="number" min="0" max="100" />
         </label>

src/components/CityDropDown.js

@@ -1,12 +1,13 @@
 import React from 'react';
+import store from '../store';
 
 function CityDropDown(props) {
   return (
       <div>
         CurrentCity: 
         <select onChange={
           (e)=>{
-
+           store.dispatch({type: "SET_CURRENT_CITY", value: e.target.value})
           }
         }>
           <option value="Austin">Austin</option>

src/components/Counter.js

@@ -1,12 +1,23 @@
 import React from 'react';
+import store from '../store';
 
 class Counter extends React.Component {
 
   state={count:0}
+
+  componentDidMount(){
+    let currentCount = store.getState().currentCount;
+    this.setState({count:currentCount});
+    store.subscribe(()=>{
+      let currentCount = store.getState().currentCount;
+      this.setState({count:currentCount});
+    })
+  }
+
   render() {
-    const {
-      props,
-    } = this;
+    // const {
+    //   props,
+    // } = this;
 
     return (
         <div>

src/components/CounterButton.js

@@ -1,16 +1,17 @@
 import React from 'react';
+import store from '../store';
 
 function CounterButton(props) {
   return (
       <div>
         <button onClick={
           ()=>{
-
+            store.dispatch({type: "INCREASE_COUNTER"})
           }
         }>Increase Counter By One</button>
         <button onClick={
           ()=>{
-
+            store.dispatch({type: "DECREASE_COUNTER"})
           }
         }>Decrease Counter By One</button>
       </div>