Add Home-Component

src/Home.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import {Alert, Button, Image, ScrollView, Text} from "react-native";
+import SharedPreferences from 'react-native-shared-preferences';
+import Icon from 'react-native-vector-icons/Ionicons'
+
+export default class Messages extends React.Component {
+    static navigationOptions = ({navigation}) => {
+        return {
+            headerTitle: (
+                <React.Fragment>
+                    <Image source={require('../logo.png')} style={{width: 55, height: 55}}/>
+                    <Text style={{fontSize: 25, marginLeft: 10}}>Gotify</Text>
+                </React.Fragment>
+            ),
+            headerRight: (
+                <Icon.Button
+                    name="md-exit"
+                    onPress={() => {
+                        Alert.alert(
+                            'Logout Confirmation',
+                            'Do you really want to log out?',
+                            [
+                                {
+                                    text: 'Cancel', onPress: () => {
+                                    }, style: 'cancel'
+                                },
+                                {
+                                    text: 'OK', onPress: () => {
+                                        SharedPreferences.removeItem("@global:token");
+                                        navigation.navigate('AuthLoading');
+                                    }
+                                },
+                            ],
+                            {cancelable: false}
+                        )
+                    }}
+                    color="#000"
+                    size={30}
+                    backgroundColor="#fff"/>
+            ),
+        };
+    };
+
+    render() {
+        return (
+            <ScrollView contentContainerStyle={{
+                flex: 1,
+                flexDirection: 'column',
+                justifyContent: 'center',
+                alignItems: 'center'
+            }}>
+                <Text style={{fontSize: 27, textAlign: 'center', marginBottom: 20}}>See notifications for status</Text>
+                <Button onPress={() => this.props.navigation.navigate('Logs')} title="View Logs"/>
+            </ScrollView>
+        )
+    }
+}

src/Messages.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import {Button, Text, View} from "react-native";
-import SharedPreferences from 'react-native-shared-preferences';
-
-export default class Messages extends React.Component {
-    render() {
-        SharedPreferences.getAll(console.log);
-        return (
-            <View>
-                <Text>TODO</Text>
-                <Button onPress={() => {
-                    SharedPreferences.removeItem("@global:token");
-                    this.props.navigation.navigate('AuthLoading');
-                }} title="Logout"/>
-            </View>
-        )
-    }
-}