aretherecookies-mobile/js/components/AppContainer.js

import React from 'react';
import TopToolbar from './TopToolbar';
import { View } from 'react-native';
import theme from '../ui-theme';
import { compose, withState, withHandlers } from 'recompose';
import FilterModal from '../modals/FilterModal';

type Props = {
	children: React.children,
	toggleFilterModal: () => void,
	isFilterModalOpen: boolean,
};

const AppContainerComp = ({ children, toggleFilterModal, isFilterModalOpen }: Props) => {
	return (
		<View style={theme.page.container}>
			<TopToolbar onFilterPress={toggleFilterModal} />
			{children}
			<FilterModal isVisible={isFilterModalOpen} onClose={toggleFilterModal} />
		</View>
	);
};

export const AppContainer = compose(
	withState('isFilterModalOpen', 'setFilterModalOpen', false),
	withHandlers({
		toggleFilterModal: ({ isFilterModalOpen, setFilterModalOpen }) => () => {
			setFilterModalOpen(!isFilterModalOpen);
		},
	})
)(AppContainerComp);