aretherecookies-mobile/js/pages/Food.js

// @flow
import { compose, branch, withState, withHandlers } from 'recompose';
import FoodList from './FoodList';
import FoodMap from './FoodMap';
import { withRouterContext, withViewMode, withPushRoute } from '../enhancers/routeEnhancers';

export default compose(
	withRouterContext,
	withViewMode,
	withPushRoute,
	withState('isFilterModalOpen', 'setFilterModalOpen', false),
	withHandlers({
		toggleFilterModal: ({ isFilterModalOpen, setFilterModalOpen }) => () => {
			setFilterModalOpen(!isFilterModalOpen);
		},
	}),
	branch(({ viewMode }) => {
		return viewMode === 'map';
	}, FoodMap)
)(FoodList);