import React, { View, Text, Navigator, StatusBar } from 'react-native'
import {Router, Routes, NavigationBar} from './Navigation/'
import configureStore from './Store/Store'
import { Provider } from 'react-redux'
import Actions from './Actions/Creators'
import Drawer from 'react-native-drawer'

// Styles
import styles from './Styles/RootStyle'

const store = configureStore()

export default class RNBase extends React.Component {

  componentWillMount () {
    const { dispatch } = store
    dispatch(Actions.startup())
  }

  componentDidMount () {
    this.navigator.drawer = this.drawer
  }

  renderDrawerContent () {
    return (
      <View style={{marginTop: 30, padding: 10}}>
        <Text>
          Drawer Content
        </Text>
      </View>
    )
  }

  renderApp () {
    return (
      <Provider store={store}>
        <View style={styles.applicationView}>
          <StatusBar
            barStyle='light-content'
          />

          <Drawer
            ref={(ref) => this.drawer = ref}
            content={this.renderDrawerContent()}
            style={styles.drawer}
            openDrawerOffset={100}
            type="static"
            tapToClose={true}
          >
            <Navigator
              ref={(ref) => this.navigator = ref}
              initialRoute={Routes.AllComponentsScreen}
              configureScene={Router.configureScene}
              renderScene={Router.renderScene}
              navigationBar={NavigationBar.render()}
              style={styles.container}
            />
          </Drawer>
        </View>
      </Provider>
    )
  }

  render () {
    return this.renderApp()
  }
}

@@ -980,24 +980,26 @@
 ef=%7B(ref) =%3E
+ %7B
  this.drawer
@@ -1000,24 +1000,26 @@
 drawer = ref
+ %7D
 %7D%0A          
@@ -1147,16 +1147,16 @@
 ype=
-%22
+'
 static
-%22
+'
 %0A   
@@ -1244,16 +1244,18 @@
 (ref) =%3E
+ %7B
  this.na
@@ -1267,16 +1267,18 @@
 or = ref
+ %7D
 %7D%0A      

Fix linting errors.