done

package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "prop-types": "^15.7.2",
-    "react": "^16.8.0",
+    "react": "^16.8.6",
     "react-dom": "^16.8.0",
     "react-redux": "^7.1.0",
     "redux": "^4.0.1"
@@ -19,5 +19,17 @@
     "build": "react-scripts build",
     "eject": "react-scripts eject",
     "test": "react-scripts test"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }

src/actions/index.js

@@ -11,8 +11,16 @@ export const DECREMENT = 'DECREMENT';
 
 export const increment = () => {
   // Fill in this function
+  return {
+    type: INCREMENT,
+    payload: 1
+  };
 };
 
 export const decrement = () => {
   // Fill in this function
-};
+  return {
+    type: DECREMENT,
+    payload: -1
+  };
+};

src/components/Counter.js

@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+    import React, { Component } from "react";
 import { connect } from 'react-redux';
 import { increment, decrement } from '../actions';
 
@@ -20,10 +20,10 @@ class Counter extends Component {
         return (
             <p>
                 Clicked: {this.props.count} times
-                <button onClick={() => {/* Fill me in */ }}>
+                <button onClick={() => {this.props.increment() }}>
                     +
                 </button>
-                <button onClick={() => {/* Fill me in */ }}>
+                <button onClick={() => {this.props.decrement() }}>
                     -
                 </button>
                  {/* Uncomment these button tags if you got

src/index.js

@@ -18,8 +18,8 @@ const store = createStore(counter);
 // is passing its state to. The Provider component is also
 // where the store "lives".
 ReactDOM.render(
-  <Provider store={store}>
-    <Counter />
-  </Provider>,
-  document.getElementById('root')
+	<Provider store={store}>
+		<Counter />
+	</Provider>,
+	document.getElementById('root')
 );

src/reducers/index.js

@@ -1,21 +1,27 @@
 import { INCREMENT, DECREMENT } from '../actions';
 
 const initialState = {
-  count: 0
-}
+	count: 0
+};
 
 // Our reducer that handles our two action cases:
 // increment and decrement. It receives the state
 // of our redux store, along with an action created
 // by our action creator. What does the reducer
 // need to do with the count in each case?
 export default (state = initialState, action) => {
-  switch (action.type) {
-    case INCREMENT:
-    // Fill in the body of this case
-    case DECREMENT:
-    // Fill in the body of this case
-    default:
-      return state;
-  }
+	switch (action.type) {
+		case INCREMENT:
+			// Fill in the body of this case
+			return {
+				count: state.count + action.payload
+			};
+		case DECREMENT:
+			// Fill in the body of this case
+			return {
+				count: state.count + action.payload
+			};
+		default:
+			return state;
+	}
 };

yarn.lock

@@ -8131,7 +8131,7 @@ react-test-renderer@^16.8.6:
     react-is "^16.8.6"
     scheduler "^0.13.6"
 
-react@^16.8.0:
+react@^16.8.6:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react/-/react-16.8.6.tgz#ad6c3a9614fd3a4e9ef51117f54d888da01f2bbe"
   integrity sha512-pC0uMkhLaHm11ZSJULfOBqV4tIZkx87ZLvbbQYunNixAAvjnC+snJCg0XQXn9VIsttVsbZP/H/ewzgsd5fxKXw==