Merge pull request #3047 from StoDevX/expose-dev-bonapp-picker

Include development bonapp menu picker

Author: hawkrives

source/views/menus/dev-bonapp-picker.js

@@ -1,9 +1,10 @@
 // @flow
 import * as React from 'react'
 import {View, TextInput, StyleSheet} from 'react-native'
+import {NoticeView} from '@frogpond/notice'
 import {TabBarIcon} from '@frogpond/navigation-tabs'
 import * as c from '@frogpond/colors'
-import {Toolbar, ToolbarButton} from '@frogpond/toolbar'
+import {Toolbar} from '@frogpond/toolbar'
 import type {TopLevelViewPropsType} from '../types'
 import {BonAppHostedMenu} from './menu-bonapp'
 
@@ -26,7 +27,6 @@ type Props = TopLevelViewPropsType
 
 type State = {
 	cafeId: string,
-	menu: ?any,
 }
 
 export class BonAppPickerView extends React.PureComponent<Props, State> {
@@ -36,8 +36,7 @@ export class BonAppPickerView extends React.PureComponent<Props, State> {
 	}
 
 	state = {
-		cafeId: '34',
-		menu: null,
+		cafeId: '',
 	}
 
 	chooseCafe = (cafeId: string) => {
@@ -53,20 +52,23 @@ export class BonAppPickerView extends React.PureComponent<Props, State> {
 				<Toolbar onPress={() => {}}>
 					<TextInput
 						keyboardType="numeric"
-						onBlur={this.chooseCafe}
-						onChangeText={this.chooseCafe}
+						onEndEditing={e => this.chooseCafe(e.nativeEvent.text)}
+						placeholder="id"
+						returnKeyType="done"
 						style={styles.default}
-						value={this.state.cafeId}
 					/>
-					<ToolbarButton isActive={true} title="Go" />
 				</Toolbar>
-				<BonAppHostedMenu
-					key={this.state.cafeId}
-					cafe={{id: this.state.cafeId}}
-					loadingMessage={['Loading…']}
-					name="BonApp"
-					navigation={this.props.navigation}
-				/>
+				{this.state.cafeId ? (
+					<BonAppHostedMenu
+						key={this.state.cafeId}
+						cafe={{id: this.state.cafeId}}
+						loadingMessage={['Loading…']}
+						name="BonApp"
+						navigation={this.props.navigation}
+					/>
+				) : (
+					<NoticeView text="Please enter a Cafe ID." />
+				)}
 			</View>
 		)
 	}

source/views/menus/index.js

@@ -2,11 +2,12 @@
 
 import * as React from 'react'
 import {TabNavigator, TabBarIcon} from '@frogpond/navigation-tabs'
+import {IS_PRODUCTION} from '@frogpond/constants'
 
 import {BonAppHostedMenu} from './menu-bonapp'
 import {GitHubHostedMenu} from './menu-github'
 import {CarletonCafeIndex} from './carleton-menus'
-// import {BonAppPickerView} from './dev-bonapp-picker'
+import {BonAppPickerView} from './dev-bonapp-picker'
 
 export {
 	CarletonBurtonMenuScreen,
@@ -88,7 +89,7 @@ export const MenusView = TabNavigator({
 		},
 	},
 
-	// BonAppDevToolView: {screen: BonAppPickerView},
+	...(!IS_PRODUCTION ? {BonAppDevToolView: {screen: BonAppPickerView}} : {}),
 })
 MenusView.navigationOptions = {
 	title: 'Menus',

source/views/menus/menu-bonapp.js

@@ -262,6 +262,11 @@ export class BonAppHostedMenu extends React.PureComponent<Props, State> {
 			return <NoticeView text={msg} />
 		}
 
+		if (Object.keys(this.state.cafeMenu.items).length === 0) {
+			const msg = 'No items were found.'
+			return <NoticeView text={msg} />
+		}
+
 		const {ignoreProvidedMenus = false} = this.props
 		const {now, cafeMenu, cafeInfo} = this.state