rework the carleton menus screen a bit… still not great

Author: hawkrives

source/views/menus/carleton-list.js

@@ -0,0 +1,98 @@
+// @flow
+import React from 'react'
+import {TabBarIcon} from '../components/tabbar-icon'
+import {View, Platform, ScrollView, StyleSheet} from 'react-native'
+import type {TopLevelViewPropsType} from '../types'
+import {Row} from '../components/layout'
+import {ListRow, ListSeparator, Title} from '../components/list'
+import {BonAppHostedMenu} from './menu-bonapp'
+
+export const CarletonBurtonMenuScreen = ({navigation}: TopLevelViewPropsType) =>
+  <BonAppHostedMenu
+    navigation={navigation}
+    name="burton"
+    cafeId="35"
+    loadingMessage={['Searching for Schiller…']}
+  />
+CarletonBurtonMenuScreen.navigationOptions = {
+  title: 'Burton',
+  tabBarIcon: TabBarIcon('menu'),
+}
+
+export const CarletonLDCMenuScreen = ({navigation}: TopLevelViewPropsType) =>
+  <BonAppHostedMenu
+    navigation={navigation}
+    name="ldc"
+    cafeId="36"
+    loadingMessage={['Tracking down empty seats…']}
+  />
+CarletonLDCMenuScreen.navigationOptions = {
+  title: 'LDC',
+  tabBarIcon: TabBarIcon('menu'),
+}
+
+export const CarletonWeitzMenuScreen = ({navigation}: TopLevelViewPropsType) =>
+  <BonAppHostedMenu
+    navigation={navigation}
+    name="weitz"
+    cafeId="458"
+    loadingMessage={['Observing the artwork…', 'Previewing performances…']}
+  />
+CarletonWeitzMenuScreen.navigationOptions = {
+  title: 'Weitz Center',
+  tabBarIcon: TabBarIcon('menu'),
+}
+
+export const CarletonSaylesMenuScreen = ({navigation}: TopLevelViewPropsType) =>
+  <BonAppHostedMenu
+    navigation={navigation}
+    name="sayles"
+    cafeId="34"
+    loadingMessage={['Engaging in people-watching…', 'Checking the mail…']}
+  />
+CarletonSaylesMenuScreen.navigationOptions = {
+  title: 'Sayles Hill',
+  tabBarIcon: TabBarIcon('menu'),
+}
+
+export class CarletonCafeIndex extends React.Component {
+  props: TopLevelViewPropsType
+
+  render() {
+    const carletonCafes = [
+      {id: 'CarletonBurtonMenuView', title: 'Burton'},
+      {id: 'CarletonLDCMenuView', title: 'LDC'},
+      {id: 'CarletonWeitzMenuView', title: 'Weitz Center'},
+      {id: 'CarletonSaylesMenuView', title: 'Sayles Hill'},
+    ]
+
+    return (
+      <ScrollView style={styles.container}>
+        {carletonCafes.map((loc: {id: string, title: string}, i, collection) =>
+          <View key={i}>
+            <ListRow
+              onPress={() => this.props.navigation.navigate(loc.id)}
+              arrowPosition="center"
+            >
+              <Row alignItems="center">
+                <Title style={styles.rowText}>{loc.title}</Title>
+              </Row>
+            </ListRow>
+            {i < collection.length - 1
+              ? <ListSeparator spacing={{left: 15}} />
+              : null}
+          </View>,
+        )}
+      </ScrollView>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  rowText: {
+    paddingVertical: 6,
+  },
+  container: {
+    paddingTop: Platform.OS === 'ios' ? 20 : 0,
+  },
+})

source/views/menus/carleton-menus.js

@@ -5,13 +5,19 @@
  */
 
 import React from 'react'
+import {StackNavigator} from 'react-navigation'
 import {TabNavigator} from '../components/tabbed-view'
 import {TabBarIcon} from '../components/tabbar-icon'
-import * as c from '../components/colors'
 
 import {BonAppHostedMenu} from './menu-bonapp'
 import {GitHubHostedMenu} from './menu-github'
-import {CarletonMenuPicker} from './carleton-list'
+import {
+  CarletonCafeIndex,
+  CarletonBurtonMenuScreen,
+  CarletonLDCMenuScreen,
+  CarletonWeitzMenuScreen,
+  CarletonSaylesMenuScreen,
+} from './carleton-menus'
 // import {BonAppPickerView} from './dev-bonapp-picker'
 
 const StavHallTab = ({navigation}) =>
@@ -42,6 +48,19 @@ const ThePauseTab = ({navigation}) =>
     loadingMessage={['Mixing up a shake…', 'Spinning up pizzas…']}
   />
 
+const CarletonMenuPicker = StackNavigator(
+  {
+    CarletonCafeIndex: {screen: CarletonCafeIndex},
+    CarletonBurtonMenuView: {screen: CarletonBurtonMenuScreen},
+    CarletonLDCMenuView: {screen: CarletonLDCMenuScreen},
+    CarletonWeitzMenuView: {screen: CarletonWeitzMenuScreen},
+    CarletonSaylesMenuView: {screen: CarletonSaylesMenuScreen},
+  },
+  {
+    headerMode: 'none',
+  },
+)
+
 export const MenusView = TabNavigator(
   {
     StavHallMenuView: {
@@ -67,6 +86,10 @@ export const MenusView = TabNavigator(
     },
     CarletonMenuListView: {
       screen: CarletonMenuPicker,
+      navigationOptions: {
+        title: 'Carleton',
+        tabBarIcon: TabBarIcon('menu'),
+      },
     },
     // BonAppDevToolView: {screen: BonAppPickerView},
   },