From 8be4e1937cb13de187227cd7117683af466ebd89 Mon Sep 17 00:00:00 2001 From: dbobb220 Date: Tue, 27 Aug 2019 15:50:02 -0500 Subject: [PATCH 1/6] actions and reducers complete --- src/actions/index.js | 51 ++++++++++++++++++++++++++++++++++++++++++- src/reducers/index.js | 46 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 96 insertions(+), 1 deletion(-) diff --git a/src/actions/index.js b/src/actions/index.js index 78955f4..204590e 100644 --- a/src/actions/index.js +++ b/src/actions/index.js @@ -21,4 +21,53 @@ export function removeUser(){ return { type:"REMOVE_USER" } -} \ No newline at end of file +} + +export function setSearchText(text){ + return { + type: "SET_SEARCH_TEXT", + value: text + } +} + +export function setIsLoading(isLoading) { + return { + type: "SET_IS_LOADING", + value: isLoading + } +} + +export function setTemp(temp) { + return { + type: "SET_TEMP", + value: temp + } +} + +export function setCurrentCity(city) { + return { + type: "SET_CURRENT_CITY", + value: city + } +} + +export function setVideoURL(URL) { + return { + type: "SET_VIDEO_URL", + value: URL + } +} + +export function setCurrentUserSort(sort) { + return { + type: "SET_CURRENT_USER_SORT", + value: sort + } +} + +export function setVideoScale(scale) { + return { + type: "SET_VIDEO_SCALE", + value: scale + } +} diff --git a/src/reducers/index.js b/src/reducers/index.js index dce7c2c..ffce98a 100644 --- a/src/reducers/index.js +++ b/src/reducers/index.js @@ -1,3 +1,4 @@ +import {combineReducers} from 'react' function currentCount(state=0, action){ if(action.type === "INCREASE_COUNTER"){ @@ -27,3 +28,48 @@ function specialText(state = "", action){ return state; } +function currentCity(state = "", action) { + if(action.value === "SET_CURRENT_CITY") { + return action.value + } + return state +} + +function isLoading(state = false, action) { + if(action.value === "SET_IS_LOADING") { + return action.value; + } + return state; +} + +function videoURL(state = "", action) { + if(action.value === "SET_VIDEO_URL") { + return action.value; + } + return state; +} + +function currentUserSort(state = "", action) { + if(action.value === "SET_CURRENT_USER_SORT") { + return action.value + } + return state; +} + +function videoScale(state = 1, action) { + if(action.value === "SET_VIDEO_SCALE") { + return state; + } + return state; +} + +export default combineReducers({ + currentCount, + users, + specialText, + currentCity, + isLoading, + videoURL, + currentUserSort, + videoScale +}) \ No newline at end of file From 0ef6edccd096bd661dac953aa0ce5c3461ac99ce Mon Sep 17 00:00:00 2001 From: dbobb220 Date: Tue, 27 Aug 2019 15:57:53 -0500 Subject: [PATCH 2/6] fix reducers and finish store/index.js --- src/index.js | 5 ++++- src/reducers/index.js | 10 +++++----- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/index.js b/src/index.js index 25f54ba..013e791 100644 --- a/src/index.js +++ b/src/index.js @@ -2,9 +2,12 @@ import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; +import {Provider} from 'react-redux'; +import store from './store'; + ReactDOM.render( - , + , document.getElementById('root') ); diff --git a/src/reducers/index.js b/src/reducers/index.js index ffce98a..eb42361 100644 --- a/src/reducers/index.js +++ b/src/reducers/index.js @@ -1,21 +1,21 @@ -import {combineReducers} from 'react' +import {combineReducers} from 'redux' function currentCount(state=0, action){ if(action.type === "INCREASE_COUNTER"){ - + return state + 1; } if(action.type === "DECREASE_COUNTER"){ - + return state - 1; } return state; } function users(state =[], action){ if(action.type === "ADD_USER"){ - + return [...state, action.value] } if(action.type === "REMOVE_USER"){ - + return state.slice(1) } return state; } From f8f1a74c4c32ec57426f7255919fe4a53294b406 Mon Sep 17 00:00:00 2001 From: dbobb220 Date: Tue, 27 Aug 2019 16:25:19 -0500 Subject: [PATCH 3/6] mapstatetoprops section done --- src/containers/ChangeTemperatureContainer.js | 11 +++++++++++ src/containers/CityDropDownContainer.js | 0 src/containers/CounterButtonContainer.js | 0 src/containers/CounterContainer.js | 11 +++++++++++ src/containers/CurrentCityContainer.js | 11 +++++++++++ src/containers/ModalConatiner.js | 11 +++++++++++ src/containers/ScaleVideoContainer.js | 0 src/containers/SearchTextBoxContainer.js | 0 src/containers/ShowModalContainer.js | 0 src/containers/SortUsersContainer.js | 0 src/containers/SpecialTextBoxContainer.js | 8 +++++++- src/containers/ThermostatContainer.js | 10 ++++++++++ src/containers/UserButtonsContainer.js | 0 src/containers/UsersContainer.js | 13 +++++++++++++ src/containers/VideoPlayerContainer.js | 12 ++++++++++++ src/containers/VideoTextBoxContainer.js | 0 16 files changed, 86 insertions(+), 1 deletion(-) create mode 100644 src/containers/ChangeTemperatureContainer.js create mode 100644 src/containers/CityDropDownContainer.js create mode 100644 src/containers/CounterButtonContainer.js create mode 100644 src/containers/CounterContainer.js create mode 100644 src/containers/CurrentCityContainer.js create mode 100644 src/containers/ModalConatiner.js create mode 100644 src/containers/ScaleVideoContainer.js create mode 100644 src/containers/SearchTextBoxContainer.js create mode 100644 src/containers/ShowModalContainer.js create mode 100644 src/containers/SortUsersContainer.js create mode 100644 src/containers/ThermostatContainer.js create mode 100644 src/containers/UserButtonsContainer.js create mode 100644 src/containers/UsersContainer.js create mode 100644 src/containers/VideoPlayerContainer.js create mode 100644 src/containers/VideoTextBoxContainer.js diff --git a/src/containers/ChangeTemperatureContainer.js b/src/containers/ChangeTemperatureContainer.js new file mode 100644 index 0000000..33ff204 --- /dev/null +++ b/src/containers/ChangeTemperatureContainer.js @@ -0,0 +1,11 @@ +import ChangeTemparature from '../components/ChangeTemperature' +import {connect} from 'react-redux' +import state from '../state'; + +const mapStateToProps = () => { + return { + text: state.specialText + } +} + +export default connect(mapStateToProps)(ChangeTemparture) \ No newline at end of file diff --git a/src/containers/CityDropDownContainer.js b/src/containers/CityDropDownContainer.js new file mode 100644 index 0000000..e69de29 diff --git a/src/containers/CounterButtonContainer.js b/src/containers/CounterButtonContainer.js new file mode 100644 index 0000000..e69de29 diff --git a/src/containers/CounterContainer.js b/src/containers/CounterContainer.js new file mode 100644 index 0000000..5469570 --- /dev/null +++ b/src/containers/CounterContainer.js @@ -0,0 +1,11 @@ +import Counter from '../components/Counter'; +import {connect} from 'react-redux'; +import state from '../state'; + +const mapStateToProps = () => { + return { + count: state.currentCount + } +} + +export default connect(mapStateToProps)(Counter) diff --git a/src/containers/CurrentCityContainer.js b/src/containers/CurrentCityContainer.js new file mode 100644 index 0000000..0f0e83c --- /dev/null +++ b/src/containers/CurrentCityContainer.js @@ -0,0 +1,11 @@ +import CurrentCity from '../components/CurrentCity'; +import {connect} from 'react-redux'; +import state from '../state'; + +const mapStateToProps = () => { + return { + text: state.currentCity + } +} + +export default connect(mapStateToProps)(CurrentCity) diff --git a/src/containers/ModalConatiner.js b/src/containers/ModalConatiner.js new file mode 100644 index 0000000..503114a --- /dev/null +++ b/src/containers/ModalConatiner.js @@ -0,0 +1,11 @@ +import Modal from '../components/Modal'; +import {connect} from 'react-redux'; +import state from '../state'; + +const mapStateToProps = () => { + return { + isLoading: state.isLoading + } +} + +export default connect(mapStateToProps)(Modal) diff --git a/src/containers/ScaleVideoContainer.js b/src/containers/ScaleVideoContainer.js new file mode 100644 index 0000000..e69de29 diff --git a/src/containers/SearchTextBoxContainer.js b/src/containers/SearchTextBoxContainer.js new file mode 100644 index 0000000..e69de29 diff --git a/src/containers/ShowModalContainer.js b/src/containers/ShowModalContainer.js new file mode 100644 index 0000000..e69de29 diff --git a/src/containers/SortUsersContainer.js b/src/containers/SortUsersContainer.js new file mode 100644 index 0000000..e69de29 diff --git a/src/containers/SpecialTextBoxContainer.js b/src/containers/SpecialTextBoxContainer.js index 58e9b4c..66af712 100644 --- a/src/containers/SpecialTextBoxContainer.js +++ b/src/containers/SpecialTextBoxContainer.js @@ -3,9 +3,15 @@ import {setSpecialText} from "../actions"; import SpecialTextBox from "../components/SpecialTextBox"; +onst mapStateToProps = () => { + return { + text: state.specialText + } +} + const mapDispatchToProps = { set:setSpecialText } -export default connect(null,mapDispatchToProps)(SpecialTextBox); +export default connect(mapStateToProps,mapDispatchToProps)(SpecialTextBox); diff --git a/src/containers/ThermostatContainer.js b/src/containers/ThermostatContainer.js new file mode 100644 index 0000000..130d161 --- /dev/null +++ b/src/containers/ThermostatContainer.js @@ -0,0 +1,10 @@ +import Thermostat from '../components/Thermostat'; +import {connect} from 'react-redux'; + +const mapStateToProps = () => { + return { + temp: state.currentTemp + } +} + +export default connect(mapStateToProps)(Thermostat) diff --git a/src/containers/UserButtonsContainer.js b/src/containers/UserButtonsContainer.js new file mode 100644 index 0000000..e69de29 diff --git a/src/containers/UsersContainer.js b/src/containers/UsersContainer.js new file mode 100644 index 0000000..d9b7742 --- /dev/null +++ b/src/containers/UsersContainer.js @@ -0,0 +1,13 @@ +import User from '../components/Users'; +import {connect} from 'react-redux'; +import state from '../state'; + +const mapStateToProps = () => { + return { + users: state.users, + firstNameFilter: state.searchText, + sortOn: state.currentUserSort + } +} + +export default connect(mapStateToProps)(User) diff --git a/src/containers/VideoPlayerContainer.js b/src/containers/VideoPlayerContainer.js new file mode 100644 index 0000000..dd3d436 --- /dev/null +++ b/src/containers/VideoPlayerContainer.js @@ -0,0 +1,12 @@ +import VideoPlayer from '../components/VideoPlayer'; +import {connect} from 'react-redux'; +import state from '../state'; + +const mapStateToProps = () => { + return { + URL: state.videoURL, + scale: state.videoScale + } +} + +export default connect(mapStateToProps)(VideoPlayer) diff --git a/src/containers/VideoTextBoxContainer.js b/src/containers/VideoTextBoxContainer.js new file mode 100644 index 0000000..e69de29 From ae8eb594a2280aa175ea884afaef4f11ccf7fe95 Mon Sep 17 00:00:00 2001 From: dbobb220 Date: Tue, 27 Aug 2019 17:19:14 -0500 Subject: [PATCH 4/6] completed app but need to fix errors --- src/containers/ChangeTemperatureContainer.js | 14 ++++++-------- src/containers/CityDropDownContainer.js | 9 +++++++++ src/containers/CounterButtonContainer.js | 10 ++++++++++ src/containers/CounterContainer.js | 2 +- src/containers/CurrentCityContainer.js | 2 +- src/containers/ModalConatiner.js | 11 ----------- src/containers/ModalContainer.js | 15 +++++++++++++++ src/containers/ScaleVideoContainer.js | 9 +++++++++ src/containers/ShowModalContainer.js | 9 +++++++++ src/containers/SortUsersContainer.js | 9 +++++++++ src/containers/SpecialTextBoxContainer.js | 12 ++---------- src/containers/SpecialTextContainer.js | 1 - src/containers/ThermostatContainer.js | 2 +- src/containers/UserButtonsContainer.js | 10 ++++++++++ src/containers/UsersContainer.js | 2 +- src/containers/VideoPlayerContainer.js | 2 +- src/containers/VideoTextBoxContainer.js | 9 +++++++++ 17 files changed, 93 insertions(+), 35 deletions(-) delete mode 100644 src/containers/ModalConatiner.js create mode 100644 src/containers/ModalContainer.js diff --git a/src/containers/ChangeTemperatureContainer.js b/src/containers/ChangeTemperatureContainer.js index 33ff204..a01b8a9 100644 --- a/src/containers/ChangeTemperatureContainer.js +++ b/src/containers/ChangeTemperatureContainer.js @@ -1,11 +1,9 @@ -import ChangeTemparature from '../components/ChangeTemperature' -import {connect} from 'react-redux' -import state from '../state'; +import ChangeTemparature from '../components/ChangeTemperature'; +import {connect} from 'react-redux'; +import {setTemp} from '../actions'; -const mapStateToProps = () => { - return { - text: state.specialText - } +const mapDispatchToProps = { + set: setTemp } -export default connect(mapStateToProps)(ChangeTemparture) \ No newline at end of file +export default connect(null, mapDispatchToProps)(ChangeTemparature); diff --git a/src/containers/CityDropDownContainer.js b/src/containers/CityDropDownContainer.js index e69de29..54de119 100644 --- a/src/containers/CityDropDownContainer.js +++ b/src/containers/CityDropDownContainer.js @@ -0,0 +1,9 @@ +import {connect} from 'react-redux'; +import {setCurrentCity} from '../actions'; +import CityDropDown from '../components/CityDropDown'; + +const mapDispatchToProps = { + set: setCurrentCity +} + +export default connect(null, mapDispatchToProps)(CityDropDown) diff --git a/src/containers/CounterButtonContainer.js b/src/containers/CounterButtonContainer.js index e69de29..4cc7886 100644 --- a/src/containers/CounterButtonContainer.js +++ b/src/containers/CounterButtonContainer.js @@ -0,0 +1,10 @@ +import {connect} from 'react-redux'; +import {increaseCounter, decreaseCounter} from '../actions'; +import CounterButton from '../components/CounterButton'; + +const mapDispatchToProps = { + increase: increaseCounter, + decrease: decreaseCounter +} + +export default connect(null, mapDispatchToProps)(CounterButton); diff --git a/src/containers/CounterContainer.js b/src/containers/CounterContainer.js index 5469570..55d83ca 100644 --- a/src/containers/CounterContainer.js +++ b/src/containers/CounterContainer.js @@ -2,7 +2,7 @@ import Counter from '../components/Counter'; import {connect} from 'react-redux'; import state from '../state'; -const mapStateToProps = () => { +const mapStateToProps = (state) => { return { count: state.currentCount } diff --git a/src/containers/CurrentCityContainer.js b/src/containers/CurrentCityContainer.js index 0f0e83c..5169d26 100644 --- a/src/containers/CurrentCityContainer.js +++ b/src/containers/CurrentCityContainer.js @@ -2,7 +2,7 @@ import CurrentCity from '../components/CurrentCity'; import {connect} from 'react-redux'; import state from '../state'; -const mapStateToProps = () => { +const mapStateToProps = (state) => { return { text: state.currentCity } diff --git a/src/containers/ModalConatiner.js b/src/containers/ModalConatiner.js deleted file mode 100644 index 503114a..0000000 --- a/src/containers/ModalConatiner.js +++ /dev/null @@ -1,11 +0,0 @@ -import Modal from '../components/Modal'; -import {connect} from 'react-redux'; -import state from '../state'; - -const mapStateToProps = () => { - return { - isLoading: state.isLoading - } -} - -export default connect(mapStateToProps)(Modal) diff --git a/src/containers/ModalContainer.js b/src/containers/ModalContainer.js new file mode 100644 index 0000000..05422f0 --- /dev/null +++ b/src/containers/ModalContainer.js @@ -0,0 +1,15 @@ +import Modal from '../components/Modal'; +import {connect} from 'react-redux'; +import {setIsLoading} from '../actions'; + +const mapStateToProps = (state) => { + return { + isLoading: state.isLoading + } +} + +const mapDispatchToProps = { + setIsLoading: setIsLoading +} + +export default connect(mapStateToProps, mapDispatchToProps)(Modal) diff --git a/src/containers/ScaleVideoContainer.js b/src/containers/ScaleVideoContainer.js index e69de29..47f7b0c 100644 --- a/src/containers/ScaleVideoContainer.js +++ b/src/containers/ScaleVideoContainer.js @@ -0,0 +1,9 @@ +import {connect} from 'react-redux'; +import {setVideoScale} from '../actions'; +import ScaleVideo from '../components/ScaleVideo'; + +const mapDispatchToProps = { + set: setVideoScale +} + +export default connect(null, mapDispatchToProps)(ScaleVideo); diff --git a/src/containers/ShowModalContainer.js b/src/containers/ShowModalContainer.js index e69de29..ff20a4c 100644 --- a/src/containers/ShowModalContainer.js +++ b/src/containers/ShowModalContainer.js @@ -0,0 +1,9 @@ +import {connect} from 'react-redux'; +import {setIsLoading} from '../actions'; +import ShowModal from '../components/ShowModal'; + +const mapDispatchToProps = { + setIsLoading: setIsLoading +} + +export default connect(null, mapDispatchToProps)(ShowModal) diff --git a/src/containers/SortUsersContainer.js b/src/containers/SortUsersContainer.js index e69de29..48af026 100644 --- a/src/containers/SortUsersContainer.js +++ b/src/containers/SortUsersContainer.js @@ -0,0 +1,9 @@ +import {connect} from 'react-redux'; +import {setCurrentUserSort} from '../actions'; +import SortUsers from '../components/SortUsers'; + +const mapDispatchToProps = { + set: setCurrentUserSort +} + +export default connect(null, mapDispatchToProps)(SortUsers) diff --git a/src/containers/SpecialTextBoxContainer.js b/src/containers/SpecialTextBoxContainer.js index 66af712..d1a79ef 100644 --- a/src/containers/SpecialTextBoxContainer.js +++ b/src/containers/SpecialTextBoxContainer.js @@ -1,17 +1,9 @@ import { connect } from 'react-redux'; -import {setSpecialText} from "../actions"; +import {setSpecialText} from "../actions/index"; import SpecialTextBox from "../components/SpecialTextBox"; - -onst mapStateToProps = () => { - return { - text: state.specialText - } -} - const mapDispatchToProps = { set:setSpecialText } - -export default connect(mapStateToProps,mapDispatchToProps)(SpecialTextBox); +export default connect(null,mapDispatchToProps)(SpecialTextBox); diff --git a/src/containers/SpecialTextContainer.js b/src/containers/SpecialTextContainer.js index 794bd45..0de35ab 100644 --- a/src/containers/SpecialTextContainer.js +++ b/src/containers/SpecialTextContainer.js @@ -1,5 +1,4 @@ import { connect } from 'react-redux'; -import {setCurrentUser} from "../actions"; import SpecialText from "../components/SpecialText"; //map a prop called text to the state specialText diff --git a/src/containers/ThermostatContainer.js b/src/containers/ThermostatContainer.js index 130d161..9678deb 100644 --- a/src/containers/ThermostatContainer.js +++ b/src/containers/ThermostatContainer.js @@ -1,7 +1,7 @@ import Thermostat from '../components/Thermostat'; import {connect} from 'react-redux'; -const mapStateToProps = () => { +const mapStateToProps = (state) => { return { temp: state.currentTemp } diff --git a/src/containers/UserButtonsContainer.js b/src/containers/UserButtonsContainer.js index e69de29..777932c 100644 --- a/src/containers/UserButtonsContainer.js +++ b/src/containers/UserButtonsContainer.js @@ -0,0 +1,10 @@ +import {connect} from 'react-redux'; +import {addUser, removeUser} from '../actions'; +import UserButtons from '../components/UserButtons'; + +const mapDispatchToProps = { + add: addUser, + remove: removeUser +} + +export default connect(null, mapDispatchToProps)(UserButtons) diff --git a/src/containers/UsersContainer.js b/src/containers/UsersContainer.js index d9b7742..5d3cd28 100644 --- a/src/containers/UsersContainer.js +++ b/src/containers/UsersContainer.js @@ -2,7 +2,7 @@ import User from '../components/Users'; import {connect} from 'react-redux'; import state from '../state'; -const mapStateToProps = () => { +const mapStateToProps = (state) => { return { users: state.users, firstNameFilter: state.searchText, diff --git a/src/containers/VideoPlayerContainer.js b/src/containers/VideoPlayerContainer.js index dd3d436..7fce01b 100644 --- a/src/containers/VideoPlayerContainer.js +++ b/src/containers/VideoPlayerContainer.js @@ -2,7 +2,7 @@ import VideoPlayer from '../components/VideoPlayer'; import {connect} from 'react-redux'; import state from '../state'; -const mapStateToProps = () => { +const mapStateToProps = (state) => { return { URL: state.videoURL, scale: state.videoScale diff --git a/src/containers/VideoTextBoxContainer.js b/src/containers/VideoTextBoxContainer.js index e69de29..f4f7119 100644 --- a/src/containers/VideoTextBoxContainer.js +++ b/src/containers/VideoTextBoxContainer.js @@ -0,0 +1,9 @@ +import {connect} from 'react-redux'; +import {setVideoURL} from '../actions'; +import VideoTextBox from '../components/VideoTextBox'; + +const mapDispatchToProps = { + set: setVideoURL +} + +export default connect(null, mapDispatchToProps)(VideoTextBox); From f169c953f62b86b8e3fa03ebdb3a73c933201a08 Mon Sep 17 00:00:00 2001 From: dbobb220 Date: Wed, 28 Aug 2019 11:11:10 -0500 Subject: [PATCH 5/6] fix DOM render bug --- src/App.js | 34 ++++++++++++------------ src/actions/index.js | 10 +++++-- src/components/Counter.js | 3 ++- src/components/CounterButton.js | 3 ++- src/components/SpecialTextBox.js | 4 +-- src/components/Users.js | 3 +-- src/containers/CounterContainer.js | 1 - src/containers/CurrentCityContainer.js | 1 - src/containers/SearchTextBoxContainer.js | 9 +++++++ src/containers/UsersContainer.js | 1 - src/containers/VideoPlayerContainer.js | 1 - src/reducers/index.js | 18 ++++++++++++- 12 files changed, 57 insertions(+), 31 deletions(-) diff --git a/src/App.js b/src/App.js index 392ed1f..99d57fe 100644 --- a/src/App.js +++ b/src/App.js @@ -1,21 +1,21 @@ import React from 'react'; -import CounterButton from "./components/CounterButton"; -import SpecialTextBox from "./components/SpecialTextBox"; -import Counter from "./components/Counter"; -import SpecialText from "./components/SpecialText"; -import UserButtons from "./components/UserButtons"; -import Thermostat from "./components/Thermostat"; -import Users from "./components/Users"; -import ChangeTemperature from "./components/ChangeTemperature"; -import VideoPlayer from "./components/VideoPlayer"; -import VideoTextBox from "./components/VideoTextBox"; -import CurrentCity from "./components/CurrentCity"; -import CityDropDown from "./components/CityDropDown"; -import SearchTextBox from "./components/SearchTextBox"; -import SortUsers from "./components/SortUsers"; -import ScaleVideo from "./components/ScaleVideo"; -import Modal from "./components/Modal"; -import ShowModal from "./components/ShowModal"; +import CounterButton from "./containers/CounterButtonContainer"; +import SpecialTextBox from "./containers/SpecialTextBoxContainer"; +import Counter from "./containers/CounterContainer"; +import SpecialText from "./containers/SpecialTextContainer"; +import UserButtons from "./containers/UserButtonsContainer"; +import Thermostat from "./containers/ThermostatContainer"; +import Users from "./containers/UsersContainer"; +import ChangeTemperature from "./containers/ChangeTemperatureContainer"; +import VideoPlayer from "./containers/VideoPlayerContainer"; +import VideoTextBox from "./containers/VideoTextBoxContainer"; +import CurrentCity from "./containers/CurrentCityContainer"; +import CityDropDown from "./containers/CityDropDownContainer"; +import SearchTextBox from "./containers/SearchTextBoxContainer"; +import SortUsers from "./containers/SortUsersContainer"; +import ScaleVideo from "./containers/ScaleVideoContainer"; +import Modal from "./containers/ModalContainer"; +import ShowModal from "./containers/ShowModalContainer"; function App() { return ( diff --git a/src/actions/index.js b/src/actions/index.js index 204590e..e5ffca5 100644 --- a/src/actions/index.js +++ b/src/actions/index.js @@ -4,10 +4,16 @@ export function increaseCounter(){ } } -export function setSpecialText(txt){ +export function decreaseCounter(){ + return { + type:"DECREASE_COUNTER" + } +} + +export function setSpecialText(text){ return { type:"SET_SPECIAL_TEXT", - value:txt + value:text } } diff --git a/src/components/Counter.js b/src/components/Counter.js index e858afd..f15c05f 100644 --- a/src/components/Counter.js +++ b/src/components/Counter.js @@ -7,4 +7,5 @@ function Counter(props) { ); } -export default Counter; \ No newline at end of file + +export default Counter; diff --git a/src/components/CounterButton.js b/src/components/CounterButton.js index df3a778..a97d6a6 100644 --- a/src/components/CounterButton.js +++ b/src/components/CounterButton.js @@ -12,7 +12,7 @@ function CounterButton(props) { }>Increase Counter By One