Ayyagaries · June 28, 2018 21:13
diff --git a/android.js b/android.js
 import React, { Component } from "react";
 import { StatusBar, StyleSheet, View } from "react-native";
 import {
  Container,
  Header,
  Title,
  Button,
  Left,
  Right,
  Body,
  Label,
  Text
  Content
 } from "native-base";
 import PropTypes from "prop-types";
 import Icon from "react-native-vector-icons/FontAwesome";
 import { isTablet } from "react-native-device-detection";

 // import { Container } from '../components/Container';

 class HCIRWarning extends Component {
  static propTypes = {
    navigation: PropTypes.object
  };

  handleBackPress = () => {
    const { goBack } = this.props.navigation;
    goBack();
  };

  tabletStyles = () => ({
    fontSize: 40,
    marginTop: "5%"
  });

  phoneStyles = () => ({
    fontSize: 25,
    marginTop: "5%"
  });

  render() {
    return (
      <Container style={styles.container}>
        <StatusBar translucent={false} barStyle="light-content" />
        <Header style={styles.header}>
          <Left style={{ flex: 1 }}>
            <Button transparent onPress={this.handleBackPress}>
              <Icon name="chevron-left" color="#FFF" size={25} />
            </Button>
          </Left>
          <Body style={{ flex: 1, alignSelf: "center" }}>
            <Title style={{ alignSelf: "center" }}>Admin</Title>
          </Body>
          <Right style={{ flex: 1 }} />
        </Header>
        <Content padding style={{ flex: 1 }}>
        <View style={styles.boxContainer}>
        <View>
          <Label
            style={isTablet ? this.tabletStyles() : this.phoneStyles()}
          >
            Welcome to the SEC3URE Facility Mobile Application.
          </Label>
          <Label
            style={isTablet ? this.tabletStyles() : this.phoneStyles()}
          >
            This application is designed only for use by Facility
            Administrators and cannot be accessed by Vendor Reps.
          </Label>
          <Label
            style={isTablet ? this.tabletStyles() : this.phoneStyles()}
          >
            If you are a Vendor Rep then please download our SEC3URE Mobile
            App from the appropriate app store.
          </Label>
        </View>
      </View>

        </Content>
      </Container>
    );
  }
 }

 const styles = StyleSheet.create({
  container: {
    // backgroundColor: 'yellow',
  },
  boxContainer: {
    marginLeft: "5%",
    marginRight: "5%",
    marginTop: "10%",
    flex: 1, // 1:3

    justifyContent: "space-between"
  },

  header: {
    backgroundColor: "#769654"
  },
  button: {
    alignSelf: "center",
    margin: "5%",
    padding: "10%",
    backgroundColor: "#769654"
  }
 });

 export default HCIRWarning;
	import React, { Component } from "react";
	import { StatusBar, StyleSheet, View } from "react-native";
	import {
	Container,
	Header,
	Title,
	Button,
	Left,
	Right,
	Body,
	Label,
	Text
	Content
	} from "native-base";
	import PropTypes from "prop-types";
	import Icon from "react-native-vector-icons/FontAwesome";
	import { isTablet } from "react-native-device-detection";

	// import { Container } from '../components/Container';

	class HCIRWarning extends Component {
	static propTypes = {
	navigation: PropTypes.object
	};

	handleBackPress = () => {
	const { goBack } = this.props.navigation;
	goBack();
	};

	tabletStyles = () => ({
	fontSize: 40,
	marginTop: "5%"
	});

	phoneStyles = () => ({
	fontSize: 25,
	marginTop: "5%"
	});

	render() {
	return (
	<Container style={styles.container}>
	<StatusBar translucent={false} barStyle="light-content" />
	<Header style={styles.header}>
	<Left style={{ flex: 1 }}>
	<Button transparent onPress={this.handleBackPress}>
	<Icon name="chevron-left" color="#FFF" size={25} />
	</Button>
	</Left>
	<Body style={{ flex: 1, alignSelf: "center" }}>
	<Title style={{ alignSelf: "center" }}>Admin</Title>
	</Body>
	<Right style={{ flex: 1 }} />
	</Header>
	<Content padding style={{ flex: 1 }}>
	<View style={styles.boxContainer}>
	<View>
	<Label
	style={isTablet ? this.tabletStyles() : this.phoneStyles()}
	>
	Welcome to the SEC3URE Facility Mobile Application.
	</Label>
	<Label
	style={isTablet ? this.tabletStyles() : this.phoneStyles()}
	>
	This application is designed only for use by Facility
	Administrators and cannot be accessed by Vendor Reps.
	</Label>
	<Label
	style={isTablet ? this.tabletStyles() : this.phoneStyles()}
	>
	If you are a Vendor Rep then please download our SEC3URE Mobile
	App from the appropriate app store.
	</Label>
	</View>
	</View>

	</Content>
	</Container>
	);
	}
	}

	const styles = StyleSheet.create({
	container: {
	// backgroundColor: 'yellow',
	},
	boxContainer: {
	marginLeft: "5%",
	marginRight: "5%",
	marginTop: "10%",
	flex: 1, // 1:3

	justifyContent: "space-between"
	},

	header: {
	backgroundColor: "#769654"
	},
	button: {
	alignSelf: "center",
	margin: "5%",
	padding: "10%",
	backgroundColor: "#769654"
	}
	});

	export default HCIRWarning;