From 3f38eff39393718fdea3d879eea08b09b29a2d44 Mon Sep 17 00:00:00 2001
From: Vincent BRIDIER <vincent.bridier@ldc.fr>
Date: Fri, 30 Sep 2022 17:40:03 +0200
Subject: [PATCH] Init HomeScreen

---
 ComApp/src/App.js                           |  3 +-
 ComApp/src/App/Views/HomeScreen.js          | 43 +++++++++++++++++++++
 ComApp/src/App/Views/InstallScreen.js       | 17 ++------
 ComApp/src/Resources/CommonStyles.js        |  7 +---
 ComApp/src/Resources/Styles/HomeStyle.js    | 39 +++++++++++++++++++
 ComApp/src/Resources/Styles/InstallStyle.js | 19 +++++++++
 6 files changed, 108 insertions(+), 20 deletions(-)
 create mode 100644 ComApp/src/App/Views/HomeScreen.js
 create mode 100644 ComApp/src/Resources/Styles/HomeStyle.js
 create mode 100644 ComApp/src/Resources/Styles/InstallStyle.js

diff --git a/ComApp/src/App.js b/ComApp/src/App.js
index 068bc75..16f12b9 100644
--- a/ComApp/src/App.js
+++ b/ComApp/src/App.js
@@ -11,11 +11,12 @@ import type {Node} from 'react';
 
 // Views
 import InstallScreen from './App/Views/InstallScreen';
+import HomeScreen from './App/Views/HomeScreen';
 
 const App: () => Node = () => {
 
   return (
-    <InstallScreen />
+    <HomeScreen />
   );
 };
 
diff --git a/ComApp/src/App/Views/HomeScreen.js b/ComApp/src/App/Views/HomeScreen.js
new file mode 100644
index 0000000..519902d
--- /dev/null
+++ b/ComApp/src/App/Views/HomeScreen.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import { View, ImageBackground, TouchableOpacity, Text, Image } from 'react-native';
+// Common Styles 
+import commonStyles from '../../Resources/CommonStyles';
+// Style
+import styles from '../../Resources/Styles/HomeStyle';
+// Translations
+import i18n from "../../I18n";
+// FileSytem
+import * as FileSystem from 'expo-file-system';
+
+class HomeScreen extends React.Component {
+    render() {
+        return (
+            <ImageBackground source={{ uri: FileSystem.documentDirectory + 'BackgroundImage.png' }} style={commonStyles.background}>
+                <View style={styles.container}>
+                    <TouchableOpacity onPress={() => { }} style={styles.button}>
+                        <Image source={{ uri: FileSystem.documentDirectory + 'HomeButtonImage.png' }} style={styles.btnImg} />
+                        <Text style={styles.btnTxt}>{i18n.t('home_s.1')}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity onPress={() => { }} style={styles.button}>
+                        <Image source={{ uri: FileSystem.documentDirectory + 'HomeButtonImage.png' }} style={styles.btnImg} />
+                        <Text style={styles.btnTxt}>{i18n.t('home_s.2')}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity onPress={() => { }} style={styles.button}>
+                        <Image source={{ uri: FileSystem.documentDirectory + 'HomeButtonImage.png' }} style={styles.btnImg} />
+                        <Text style={styles.btnTxt}>{i18n.t('home_s.3')}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity onPress={() => { }} style={styles.button}>
+                        <Image source={{ uri: FileSystem.documentDirectory + 'HomeButtonImage.png' }} style={styles.btnImg} />
+                        <Text style={styles.btnTxt}>{i18n.t('global.videos')}</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity onPress={() => { }} style={styles.button}>
+                        <Image source={{ uri: FileSystem.documentDirectory + 'HomeButtonImage.png' }} style={styles.btnImg} />
+                        <Text style={styles.btnTxt}>{i18n.t('global.contacts')}</Text>
+                    </TouchableOpacity>
+                </View>
+            </ImageBackground>
+        );
+    }
+}
+
+export default HomeScreen;
\ No newline at end of file
diff --git a/ComApp/src/App/Views/InstallScreen.js b/ComApp/src/App/Views/InstallScreen.js
index 4f1a175..42ea940 100644
--- a/ComApp/src/App/Views/InstallScreen.js
+++ b/ComApp/src/App/Views/InstallScreen.js
@@ -1,9 +1,11 @@
 import React from 'react';
-import { ImageBackground, View, Image, TextInput, Button, StyleSheet, Alert } from 'react-native';
+import { ImageBackground, View, Image, TextInput, Button, Alert } from 'react-native';
 // Helpers
 import Helpers from '../Lib/Helpers';
 // Common Styles 
 import commonStyles from '../../Resources/CommonStyles';
+// Style 
+import styles from '../../Resources/Styles/InstallStyle';
 // Translations
 import i18n from "../../I18n";
 // Controller
@@ -17,7 +19,7 @@ class InstallScreen extends React.Component {
     render() {
         return (
             <ImageBackground source={require('../../Resources/assets/img/background_ldc.png')} style={commonStyles.background}>
-                <View style={commonStyles.container}>
+                <View style={styles.container}>
                     <Image source={require('../../Resources/assets/img/logo-square-ldc.png')} style={styles.logo} />
                     <View style={styles.actions}>
                         <TextInput
@@ -48,15 +50,4 @@ class InstallScreen extends React.Component {
   }
 }
 
-const styles = StyleSheet.create({
-    logo: {
-        width: 150,
-        height: 150,
-        marginBottom: 20
-    },
-    actions: {
-        marginTop: 20
-    },
-  });
-
 export default InstallScreen;
\ No newline at end of file
diff --git a/ComApp/src/Resources/CommonStyles.js b/ComApp/src/Resources/CommonStyles.js
index 2541279..c5f4257 100644
--- a/ComApp/src/Resources/CommonStyles.js
+++ b/ComApp/src/Resources/CommonStyles.js
@@ -4,12 +4,7 @@ const commonStyles = StyleSheet.create({
     background: {
         width: '100%',
         height: '100%'
-    },
-    container: {
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'center',
-    },
+  },
     textInput: {
         height: 40,
         width: 300,
diff --git a/ComApp/src/Resources/Styles/HomeStyle.js b/ComApp/src/Resources/Styles/HomeStyle.js
new file mode 100644
index 0000000..0b954cb
--- /dev/null
+++ b/ComApp/src/Resources/Styles/HomeStyle.js
@@ -0,0 +1,39 @@
+import { StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: 'flex-end',
+        justifyContent: 'center',
+    },
+    text: {
+        height: 40,
+        width: 300,
+        borderColor: 'grey',
+        borderWidth: 1,
+        marginBottom: 20,
+    },
+    button: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'white',
+        marginBottom: 20,
+        marginRight: 50,
+        width: 400,
+        height: 80,
+        borderRadius: 10
+    },
+    btnTxt: {
+        fontSize: 20
+    },
+    btnImg: {
+        position: 'absolute',
+        left: 15,
+        height: 50,
+        width: 50,
+        resizeMode: 'stretch'
+    }
+});
+
+export default styles;
\ No newline at end of file
diff --git a/ComApp/src/Resources/Styles/InstallStyle.js b/ComApp/src/Resources/Styles/InstallStyle.js
new file mode 100644
index 0000000..e6a5b8c
--- /dev/null
+++ b/ComApp/src/Resources/Styles/InstallStyle.js
@@ -0,0 +1,19 @@
+import { StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    logo: {
+        width: 150,
+        height: 150,
+        marginBottom: 20
+    },
+    actions: {
+        marginTop: 20
+    },
+});
+
+export default styles;
\ No newline at end of file