AppTabCustomerApp/app.js at master · warrenronsiek/AppTabCustomerApp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
import store from './app/redux/store'
import passwordResetOnBack from './app/common/passwordResetOnBack'
import React, {Component} from 'react'
import {Provider, connect} from 'react-redux'
import {Router, Scene, Actions} from 'react-native-router-flux'
import {Platform} from 'react-native'
import DrawerComponent from './app/redux/connectedComponents/drawerListConnected'
import CartIcon from './app/redux/connectedComponents/cartIconWithAlertConnected'
import OrderIcon from './app/redux/connectedComponents/orderIconWithAlertConnected'
import Login from './app/scenes/loginScene'
import Placeholder from './app/scenes/placeholder'
import OptionsSelectionModal from './app/scenes/optionsSelectionModal'
import Register from './app/scenes/registerPartOneScene'
import Nodes from './app/scenes/nodeScene'
import Request from './app/scenes/ordersScene'
import MenuScene from './app/scenes/menuScene'
import CheckoutScene from './app/scenes/checkoutScene'
import CardFormScene from './app/scenes/creditCardFormScene'
import ConfirmCodeScene from './app/scenes/confirmationCodeEntryScene'
import CartScene from './app/scenes/cartScene'
import RegisterTwo from './app/scenes/registerPartTwoScene'
import RegisterThree from './app/scenes/registerPartThreeScene'
import ResetPasswordScene from './app/scenes/passwordResetScene'
import PrivacyScene from './app/scenes/privacyPolicyScene'
import transactionActions from './app/redux/actions/trasactionActions'
import Venues from './app/scenes/venueScene'
import Menu from './app/assets/svgs/menu'
import Options from './app/assets/icons/options'
const RouterWithRedux = connect()(Router);


const drink = ({selected}) => <Menu width={35} height={35}/>;
const options = ({selected}) => <Options/>;
const bell = ({selected}) => <OrderIcon/>;
const cart = ({selected}) => <CartIcon/>;

class AppTabCustomerApp extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <Provider store={store}>
        <RouterWithRedux>
          <Scene key="root">
            <Scene key='venue' component={Venues} title='Venues'
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')} navigationBarTitleImageStyle={{marginLeft: Platform.OS === 'android' ? 50 : 0}}/>
            <Scene key="login" component={Login} title="Login"
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="register" component={Register} title="Register"
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="registerPartTwo" component={RegisterTwo} title="Register"
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key='privacy' component={PrivacyScene} title='Privacy Policy'
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="registerPartThree" component={RegisterThree} title="Register"
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="code" component={ConfirmCodeScene} title="Confirm Code"
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="nodes" component={Nodes} title="Table Selection" back onBack={() => Actions.venue()}
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="tabs" tabs={true}
                   tabBarIconContainerStyle={{flex: 1, alignItems: 'center', justifyContent: 'center'}}
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}>
              <Scene key="orders" component={Request} title="Your Orders" icon={bell}
                     back onBack={() => Actions.nodes()}
                     onEnter={() => store.dispatch(transactionActions.alert.clear())}/>
              <Scene key="menu" component={MenuScene} title="Menu" icon={drink} initial={true}
                     back onBack={() => Actions.nodes()}/>
              <Scene key="cart" component={CartScene} title="Cart" icon={cart}
                     back onBack={() => Actions.nodes()}/>
              <Scene key="options" component={DrawerComponent} title="Options" icon={options}
                     back onBack={() => Actions.nodes()}/>
            </Scene>
            <Scene key="passwordreset" component={ResetPasswordScene} title="Reset Password"
                   back onBack={() => passwordResetOnBack()}
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="optionsModal" component={OptionsSelectionModal} title="Options" back modal
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="placeholder" component={Placeholder} title="Placeholder" back
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="checkout" component={CheckoutScene} title="Checkout" back onBack={() => Actions.tabs()}
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
            <Scene key="cardForm" component={CardFormScene} title="Card Details" back
                   navigationBarTitleImage={require('./app/assets/images/apptabName80x24.png')}/>
          </Scene>
        </RouterWithRedux>
      </Provider>
    )
  }
};

export default AppTabCustomerApp