Use payload and destructure the action

Author: Sarah Emerson

client/actions/index.js

@@ -2,19 +2,18 @@ import { getFruits } from '../apis/fruits'
 
 export const SET_FRUITS = 'SET_FRUITS'
 
-export function setFruits (fruits) {
+export function setFruits(fruits) {
   return {
     type: SET_FRUITS,
-    fruits
+    payload: fruits,
   }
 }
 
-export function fetchFruits () {
-  return dispatch => {
-    return getFruits()
-      .then(fruits => {
-        dispatch(setFruits(fruits))
-        return null
-      })
+export function fetchFruits() {
+  return (dispatch) => {
+    return getFruits().then((fruits) => {
+      dispatch(setFruits(fruits))
+      return null
+    })
   }
 }

client/reducers/fruits.js

@@ -3,9 +3,10 @@ import { SET_FRUITS } from '../actions'
 const initialState = []
 
 const reducer = (state = initialState, action) => {
-  switch (action.type) {
+  const { type, payload } = action
+  switch (type) {
     case SET_FRUITS:
-      return action.fruits
+      return payload
     default:
       return state
   }