feat(confirmModal): create confirmModal component

src/components/ConfirmModal/index.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {Modal, View, Text} from 'react-native';
+
+import Button from '../Button';
+import styles from './styles';
+
+const ConfirmModal = ({onAccept, onDismiss, text}) => (
+    <Modal animationType="fade" visible>
+        <View style={styles.container}>
+            <View style={styles.messageContainer}>
+                <Text style={{fontSize: 20}}>
+                    {text}
+                </Text>
+            </View>
+            <View style={styles.footer}>
+                <Button
+                    onPress={onDismiss}
+                    title="Cancelar"
+                    danger
+                />
+                <Button
+                    onPress={onAccept}
+                    title="Aceptar"
+                    primary
+                />
+            </View>
+        </View>
+    </Modal>
+);
+
+ConfirmModal.propTypes = {
+    onAccept: PropTypes.func.isRequired,
+    onDismiss: PropTypes.func.isRequired,
+    text: PropTypes.string.isRequired
+};
+
+export default ConfirmModal;

src/components/ConfirmModal/styles.js

@@ -0,0 +1,21 @@
+import {StyleSheet} from 'react-native';
+
+export default StyleSheet.create({
+    container: {
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center'
+    },
+    messageContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        flexDirection: 'row',
+        alignItems: 'center'
+    },
+    footer: {
+        flex: 1,
+        flexDirection: 'row',
+        justifyContent: 'center'
+    }
+});

src/components/Header/Brand.js

@@ -0,0 +1,44 @@
+import React, {Fragment} from 'react';
+import PropTypes from 'prop-types';
+import {Image, Text, View} from 'react-native';
+
+import styles from './styles';
+import {stylePropType} from '../../util';
+import brandImageDefault from '../../images/brand.png';
+
+const Brand = ({
+    text, version, rightImage, brandImage, style
+}) => (
+    <View style={[styles.brandContainer, style.brandContainer]}>
+        <Image source={brandImage} style={styles.brandImage}/>
+        {text && (
+            <Fragment>
+                <Text style={styles.text}>
+                    {text}
+                </Text>
+                {version && (<Text style={styles.version}>{version}</Text>)}
+            </Fragment>
+        )}
+        {rightImage && (
+            <Image source={rightImage} style={styles.rightImageStyle}/>
+        )}
+    </View>
+);
+
+Brand.propTypes = {
+    text: PropTypes.string,
+    version: PropTypes.string,
+    brandImage: PropTypes.string,
+    rightImage: PropTypes.string,
+    style: stylePropType
+};
+
+Brand.defaultProps = {
+    brandImage: brandImageDefault,
+    style: {},
+    rightImage: null,
+    text: null,
+    version: null
+};
+
+export default Brand;

src/components/Header/NavItem.js

@@ -1,54 +1,34 @@
-import React, {Component} from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import {connect} from 'react-redux';
 import {Text} from 'react-native';
 import {Icon} from 'react-native-elements';
 import {Link} from 'react-router-native';
 
-import {requestFetchToken} from '../../actions/session';
-import Col from '../Col';
-import Row from '../Row';
 import getFontAwesome from '../../util/getFontAwesome';
 import routePropType from '../../util/routePropType';
-import SessionService from '../../services/session';
+import Col from '../Col';
+import Row from '../Row';
 import styles from './styles';
 
-class NavItem extends Component {
-    static propTypes = {
-        requestFetchToken: PropTypes.func.isRequired,
-        route: routePropType.isRequired
-    };
-
-    async signOut(closeSession) {
-        if (closeSession) {
-            await SessionService.clearSession();
-            this.props.requestFetchToken();
-        }
-    }
+const NavItem = ({onLogout, route}) => (
+    <Col style={styles.navItem}>
+        <Row style={styles.navItem}>
+            <Icon
+                {...getFontAwesome(route.icon)}
+                containerStyle={styles.navIcon}
+            />
+            <Link to={route.path} onPress={() => onLogout(route)}>
+                <Text style={styles.navText}>
+                    {route.text}
+                </Text>
+            </Link>
+        </Row>
+    </Col>
+);
 
-    render() {
-        const {route} = this.props;
-        return (
-            <Col style={styles.navItem}>
-                <Row style={styles.navItem}>
-                    <Icon
-                        {...getFontAwesome(route.icon)}
-                        containerStyle={styles.navIcon}
-                    />
-                    <Link to={route.path} onPress={() => this.signOut(route.closeSession)}>
-                        <Text style={styles.navText}>
-                            {route.text}
-                        </Text>
-                    </Link>
-                </Row>
-            </Col>
-        );
-    }
-}
+NavItem.propTypes = {
+    onLogout: PropTypes.func.isRequired,
+    route: routePropType.isRequired
+};
 
-export default connect(
-    null,
-    dispatch => ({
-        requestFetchToken: () => dispatch(requestFetchToken())
-    })
-)(NavItem);
+export default NavItem;

src/components/Header/Routes.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {View} from 'react-native';
+
+import routePropType from '../../util/routePropType';
+import NavItem from './NavItem';
+import styles from './styles';
+
+const Routes = ({onLogout, routes}) => (
+    <View style={styles.navContainer}>
+        {routes.map(route => (
+            <NavItem
+                key={route.key}
+                {...{route, onLogout}}
+            />
+        ))}
+    </View>
+);
+
+Routes.propTypes = {
+    onLogout: PropTypes.func.isRequired,
+    routes: PropTypes.arrayOf(routePropType)
+};
+
+Routes.defaultProps = {
+    routes: []
+};
+
+export default Routes;