style add

screen/ChatScreen.js

@@ -73,13 +73,13 @@ const ChatScreen = ({ navigation, route }) => {
             marginRight: 20,
           }}
         >
-          <TouchableOpacity>
+          {/* <TouchableOpacity>
             <FontAwesome name="video-camera" size={23} color="white" />
           </TouchableOpacity>
 
           <TouchableOpacity>
             <Ionicons name="call" size={23} color="white" />
-          </TouchableOpacity>
+          </TouchableOpacity> */}
         </View>
       ),
     });
@@ -196,16 +196,20 @@ const ChatScreen = ({ navigation, route }) => {
             <View style={styles.footer}>
               <View style={styles.buttonrow}>
                 <TouchableOpacity  style={styles.icon} activeOpacity={0.5}  onPress={() => navigation.navigate("Camera")}>
-                <Ionicons name="recording" size={23} color="#be0c57" />
+                <Ionicons name="recording" size={25} color="#be0c57" />
+                <Text style={styles.iconText}>Lip</Text>
               </TouchableOpacity>
-               <TouchableOpacity style={styles.icon} activeOpacity={0.5}>
-                <Ionicons name="hand-right" size={23} color="#be0c57" />
+               <TouchableOpacity style={styles.icon} activeOpacity={0.5}  onPress={() => navigation.navigate("Camera")}>
+                <Ionicons name="hand-right" size={25} color="#be0c57" />
+                <Text style={styles.iconText}>BSL</Text>
               </TouchableOpacity>
-               <TouchableOpacity style={styles.icon} activeOpacity={0.5}>
-                <Ionicons name="mic" size={23} color="#be0c57" />
+               <TouchableOpacity style={styles.icon} activeOpacity={0.5}  onPress={() => navigation.navigate("Camera")}>
+                <Ionicons name="thumbs-up" size={25} color="#be0c57" />
+                <Text style={styles.iconTextMakaton}>Makaton</Text>
               </TouchableOpacity>
               <TouchableOpacity style={styles.icon} activeOpacity={0.5}>
-                <Ionicons name="thumbs-up" size={23} color="#be0c57" />
+                <Ionicons name="mic" size={25} color="#be0c57" />
+                <Text style={styles.iconTextVoice}>Voice</Text>
               </TouchableOpacity>
               </View>
               <View style={styles.chatRow}>
@@ -218,7 +222,8 @@ const ChatScreen = ({ navigation, route }) => {
               />
 
               <TouchableOpacity onPress={sendMessage} activeOpacity={0.5}>
-                <Ionicons name="send" size={23} color="#43E68D" />
+                <Ionicons name="send" size={23} color="#FF6464" />
+                
               </TouchableOpacity>
               </View> 
             </View>
@@ -243,17 +248,33 @@ const styles = StyleSheet.create({
   },
   icon:{
     margin:3,
-    marginLeft:20,
+    marginLeft:38,
     padding:1, 
 
   },
+  iconText:{
+    color: "black",
+    fontWeight: "500",
+    marginLeft: 2,
+    marginBottom: 2,
+  },
+  iconTextMakaton:{
+    color: "black",
+    fontWeight: "500",
+    marginLeft: -10,
+    marginBottom: 2,
+  },
+  iconTextVoice:{
+    color: "black",
+    fontWeight: "500",
+    marginLeft: -4,
+    marginBottom: 2,
+  },
   buttonrow:{ 
     display:'flex',
     flexDirection:'row',
     width:'100%',
     marginBottom:5,
-    
-
   },
   reciever: {
     padding: 15,

screen/HomeScreen.js

@@ -54,11 +54,11 @@ const HomeScreen = ({ navigation }) => {
                         width: 80,
                         marginRight: 20,
                     }}>
-                    <TouchableOpacity activeOpacity={0.5}>
+                    {/* <TouchableOpacity activeOpacity={0.5}>
                         <AntDesign name="camerao" size={24} color="black" />
-                    </TouchableOpacity>
+                    </TouchableOpacity> */}
 
-                    <TouchableOpacity 
+                    <TouchableOpacity style={styles.icon}
                         onPress={() => navigation.navigate("AddChat")}
                         activeOpacity={0.5}>
                         <SimpleLineIcons name="pencil" size={24} color="black" />
@@ -98,5 +98,13 @@ const styles = StyleSheet.create({
     container: {
         height: "100%",
         //  backgroundColor: "white"
-    }
+    },
+
+    icon:{
+        margin:3,
+        marginLeft:50,
+        padding:1, 
+
+    
+      },
 })

screen/LoginScreen.js

@@ -31,13 +31,12 @@ const LoginScreen = ({ navigation }) => {
     return (
         <KeyboardAvoidingView behavior="padding" style={styles.container}>
             <StatusBar style='light' />
-             <SafeAreaView>
-            <ScrollView  >
+
             <Text style={styles.LoginTitle}>Easy Chat</Text>
 
-            <Image source={ loginImage}
+            <Image source={require('../screen/images/login-image1.png')}
+                style={{ width: 250, height: 200 }} />
 
-                style={{ width: 200, height: 200 }} />
             <View style={styles.inputContainer}>
                  
                       <TextInput 
@@ -73,8 +72,7 @@ const LoginScreen = ({ navigation }) => {
 
 
             <View style={{ height: 50 }} />
-             </ScrollView>
-        </SafeAreaView>
+       
         </KeyboardAvoidingView>)
 }
 
@@ -108,12 +106,13 @@ const styles = StyleSheet.create({
 
     },
     LoginTitle:{ 
+        marginTop:20,
         height: 66, 
         alignItems: "center", 
         fontSize:46,
         fontWeight:'400',
-        left:55,
-        color: '#227721',
+        left:10,
+        color: 'black',
         bottom:10,
 
     },
@@ -122,7 +121,7 @@ const styles = StyleSheet.create({
         fontSize:18,
         lineHeight:22,
         width:250,
-        color:'#333FA7',
+        color:'black',
         left:20,
         top:30
     },

screen/RegisterScreen.js

@@ -8,7 +8,7 @@ import { getAuth, createUserWithEmailAndPassword } from "firebase/auth";
 import Firebase from 'firebase';
 import {  ToastProvider, useToasts } from 'react-toast-notifications';
  
-import loginImage from'./images/login-image.png'
+import loginImage from'../screen/images/Sign_in.png'
  
 const RegisterScreen = ({ navigation }) => {
 
@@ -78,21 +78,13 @@ const RegisterScreen = ({ navigation }) => {
         <KeyboardAvoidingView behavior='padding' style={styles.container}>
             <StatusBar style="light" />
 
-            
-
-             <SafeAreaView>
-            <ScrollView >
             <Text style={styles.LoginTitle}>Easy Chat</Text>
 
-      
-            
-       
-            <Text h4 style={{ marginBottom: 50 }}>
+            <Text h4 style={{ marginBottom: 10 }}>
                 Create a EasyChat account
             </Text>
-              <Image source={  loginImage 
+              <Image source={loginImage}
 
-            } 
                 style={{ width: 200, height: 200 }} />
             <View style={styles.inputContainer}> 
                 <Input
@@ -141,8 +133,7 @@ const RegisterScreen = ({ navigation }) => {
             </TouchableOpacity>
 
             <View style={{ height: 100 }} /> 
-              </ScrollView>
-        </SafeAreaView>
+       
         </KeyboardAvoidingView>
     )
 }
@@ -167,10 +158,13 @@ const styles = StyleSheet.create({
 
     },
     LoginTitle:{ 
+        marginTop:20,
         height: 66, 
+        alignItems: "center", 
         fontSize:46,
         fontWeight:'400',
-        color: '#227721',
+        left:10,
+        color: 'black',
         bottom:10,
 
     },
@@ -179,7 +173,7 @@ const styles = StyleSheet.create({
         fontSize:18,
         lineHeight:22,
         width:280,
-        color:'#333FA7',
+        color:'black',
         left:10,
         top:20,
         marginTop:15,

yarn.lock

@@ -2370,6 +2370,13 @@
   "resolved" "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz"
   "version" "2.1.2"
 
+"axios@^0.24.0":
+  "integrity" "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA=="
+  "resolved" "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz"
+  "version" "0.24.0"
+  dependencies:
+    "follow-redirects" "^1.14.4"
+
 "babel-plugin-dynamic-import-node@^2.3.3":
   "integrity" "sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ=="
   "resolved" "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz"
@@ -3742,6 +3749,11 @@
     "@firebase/storage" "0.4.2"
     "@firebase/util" "0.3.4"
 
+"follow-redirects@^1.14.4":
+  "integrity" "sha512-wtphSXy7d4/OR+MvIFbCVBDzZ5520qV8XfPklSN5QtxuMUJZ+b0Wnst1e1lCDocfzuCkHqj8k0FpZqO+UIaKNA=="
+  "resolved" "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.5.tgz"
+  "version" "1.14.5"
+
 "fontfaceobserver@^2.1.0":
   "integrity" "sha512-ReOsO2F66jUa0jmv2nlM/s1MiutJx/srhAe2+TE8dJCMi02ZZOcCTxTCQFr3Yet+uODUtnr4Mewg+tNQ+4V1Ng=="
   "resolved" "https://registry.npmjs.org/fontfaceobserver/-/fontfaceobserver-2.1.0.tgz"