finished - Jenna Gullick

public/index.html

@@ -90,5 +90,5 @@
       To begin the development, run `npm start`.
       To create a production bundle, use `npm run build`.
     -->
-  </body>
+  </body> 
 </html>

src/components/ChangeTemperature.js

@@ -1,12 +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>
       </div>

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,8 +1,19 @@
 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,

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>

src/components/CurrentCity.js

@@ -1,10 +1,20 @@
 import React from 'react';
+import store from "../store";
 
 class CurrentCity extends React.Component {
   state={
     text:""
   }
 
+  componentDidMount(){
+    let currentCity = store.getState().currentCity;
+    this.setState({text:currentCity});
+    store.subscribe(()=>{
+    let currentCity = store.getState().currentCity;
+    this.setState({text:currentCity});
+    })
+  }
+
   render() {
     const {
       props,

src/components/Modal.js

@@ -1,24 +1,33 @@
 import React from 'react';
 import Modal from 'react-modal';
+import store from "../store";
 
 class LoadingModal extends React.Component {
   state={
     isLoading:false
   }
+
+  componentDidMount(){
+    store.subscribe(()=>{
+      let isLoading = store.getState().isLoading;
+      this.setState({isLoading:isLoading});
+    })
+  }
+
   render() {
     const {
       props,
     } = this;
 
     return (
       <Modal
-        isOpen={props.isLoading}
+        isOpen={this.state.isLoading}
         style={customStyles}
         contentLabel="Example Modal"
       >
         <button onClick={
           ()=>{
-
+            store.dispatch({type: "SET_IS_LOADING", value: false})
           }
           }>close</button>
         <div>Loading .......</div>

src/components/ScaleVideo.js

@@ -1,12 +1,13 @@
 import React from 'react';
+import store from "../store";
 
 function ScaleVideo(props) {
   return (
       <div>
         Scale Video: <input
         onChange={
           (e)=>{
-
+            store.dispatch({type: "SET_VIDEO_SCALE", value: e.target.value}) 
           }
         }
          type="range" min="1" max="10" step="1" />

src/components/SearchTextBox.js

@@ -1,11 +1,12 @@
 import React from 'react';
+import store from "../store";
 
 function SearchTextBox(props) {
   return (
       <div>
         Search Users on First Name:
         <input onChange={(e)=>{
-
+           store.dispatch({type: "SET_SEARCH_TEXT", value: e.target.value})
         }} />
       </div>
   );