text: /*
  	Our visibilityFilter
  	=====================
  
  	We import VisibilityFilters
  	============================
  
  	SHOW_ALL
  	SHOW_ACTIVE
  	SHOW_COMPLETED
  
  	from actions folders
  */
  
  
  import { VisibilityFilters } from '../actions' // import our 3 Visibility Filters
  
  /*
  	Our reducer
  	============
  
  	The reducer updates the state according to an action
  
  	We set state to default to SHOW_ALL, and 
  */
  const visibilityFilter = (state = VisibilityFilters.SHOW_ALL, action) => {
    switch (action.type) {
  
    	// if case is 'SET_VISIBILITY_FILTER' which means the case is setVisibilityFilter, type: SET_VISIBILTIY_FILTER
      case 'SET_VISIBILITY_FILTER':
        return action.filter  // return the current action.filter
  
      default:
        return state  // else default return the state
    }
  }
  
  export default visibilityFilter  // export out
  