From 13d523e9e486d2357166dbd95eb77d089a630afe Mon Sep 17 00:00:00 2001
From: Bart Akeley <bart.akeley@gmail.com>
Date: Mon, 24 Apr 2017 19:58:18 -0500
Subject: [PATCH] Fix wonky state with drawer

---
 js/App.js | 72 ++++++++++++++++++++++++++++++-------------------------
 1 file changed, 39 insertions(+), 33 deletions(-)

diff --git a/js/App.js b/js/App.js
index 12ebcd7..f8dbdac 100644
--- a/js/App.js
+++ b/js/App.js
@@ -16,44 +16,50 @@ import Drawer from 'react-native-drawer';
 setObservableConfig(rxjsconfig);
 
 type State = {
-    drawerOpen: boolean,
+	drawerOpen: boolean,
 };
 
 export default class App extends Component {
-    state = { drawerOpen: false };
+	state = { drawerOpen: false };
 
-    state: State;
+	state: State;
 
-    toggleDrawer = () => {
-        this.setState(({ drawerOpen }) => ({ drawerOpen: !drawerOpen }));
-    };
+	toggleDrawer = () => {
+		this.setState(({ drawerOpen }) => ({ drawerOpen: !drawerOpen }));
+	};
 
-    closeDrawer = () => {
-        this.setState({ drawerOpen: false });
-    };
+	closeDrawer = () => {
+		this.setState({ drawerOpen: false });
+	};
 
-    render() {
-        const { drawerOpen } = this.state;
-        return (
-            <NativeRouter>
-                <ThemeProvider uiTheme={theme}>
-                    <Drawer
-                        ref={ref => this._drawer = ref}
-                        type="overlay"
-                        open={drawerOpen}
-                        openDrawerOffset={100}
-                        content={<DrawerMenu onCloseDrawer={this.closeDrawer} />}
-                    >
-                        <View style={theme.page.container}>
-                            <TopToolbar toggleSideMenu={this.toggleDrawer} />
-                            <Redirect from="/" to="/list/food" />
-                            <Route path="/list/:type" component={List} />
-                            <Route path="/foodItem/:id" component={FoodItemDetail} />
-                            <Route path="/place/:id" component={PlaceDetail} />
-                        </View>
-                    </Drawer>
-                </ThemeProvider>
-            </NativeRouter>
-        );
-    }
+	openDrawer = () => {
+		this.setState({ drawerOpen: true });
+	};
+
+	render() {
+		const { drawerOpen } = this.state;
+		return (
+			<NativeRouter>
+				<ThemeProvider uiTheme={theme}>
+					<Drawer
+						ref={ref => (this._drawer = ref)}
+						type="overlay"
+						open={drawerOpen}
+						onOpen={this.openDrawer}
+						onClose={this.closeDrawer}
+						openDrawerOffset={100}
+						content={<DrawerMenu onCloseDrawer={this.closeDrawer} />}
+					>
+						<View style={theme.page.container}>
+							<TopToolbar toggleSideMenu={this.toggleDrawer} />
+							<Redirect from="/" to="/list/food" />
+							<Route path="/list/:type" component={List} />
+							<Route path="/foodItem/:id" component={FoodItemDetail} />
+							<Route path="/place/:id" component={PlaceDetail} />
+						</View>
+					</Drawer>
+				</ThemeProvider>
+			</NativeRouter>
+		);
+	}
 }