logout, account screen

AudacityMusic · Jul 1, 2024 · b696b9e · b696b9e
1 parent c175b9c
commit b696b9e
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 62 deletions.
diff --git a/src/components/Logout.js b/src/components/Logout.js
@@ -1,27 +1,26 @@
-
 import { StyleSheet, Text, Pressable } from "react-native";
 
 export default function Logout() {
-    return (
-        <Pressable style = {styles.button}>
-            <Text style = {styles.text}> Log Out</Text>
-        </Pressable>
-    );
-  }
-  
-  const styles = StyleSheet.create({
-    button: {
-        backgroundColor: '#d9534f',
-        borderRadius: 10,
-        paddingVertical: 10,
-        paddingHorizontal: 110,
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: '95%',
-        alignSelf: 'center',
-      },
-      text:{
-        color: 'white',
-        fontSize: 18
-      }
-  });
+  return (
+    <Pressable style={styles.button}>
+      <Text style={styles.text}> Log Out</Text>
+    </Pressable>
+  );
+}
+
+const styles = StyleSheet.create({
+  button: {
+    backgroundColor: "#d9534f",
+    borderRadius: 10,
+    paddingVertical: 10,
+    paddingHorizontal: 110,
+    alignItems: "center",
+    justifyContent: "center",
+    width: "95%",
+    alignSelf: "center",
+  },
+  text: {
+    color: "white",
+    fontSize: 18,
+  },
+});
diff --git a/src/components/Profile.js b/src/components/Profile.js
@@ -3,46 +3,41 @@ import { StyleSheet, Text, View, Image } from "react-native";
 export default function Profile() {
   return (
     <View style={styles.background}>
-        <Image style = {styles.image} source={require("./../assets/logo.png")}> 
-        </Image>
-        <View>
-            <Text style = {styles.name}>
-                Rick
-            </Text>
-            <Text style={styles.email}>
-                cat
-            </Text>
-
-        </View>
+      <Image
+        style={styles.image}
+        source={require("./../assets/logo.png")}
+      ></Image>
+      <View>
+        <Text style={styles.name}>Rick</Text>
+        <Text style={styles.email}>cat</Text>
+      </View>
     </View>
-
   );
 }
 
 const styles = StyleSheet.create({
-    background: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: '#f5f5f5', // Light grey background color
-        padding: 20,
-        borderRadius: 10,
-        borderColor: '#e0e0e0',
-        borderWidth: 1,
-        margin: 10,
-      },
-      image: {
-        width: 50,
-        height: 50,
-        borderRadius: 25,
-        marginRight: 10,
-      },
-      name: {
-        fontSize: 16,
-        fontWeight: 'bold',
-      },
-      email: {
-        fontSize: 14,
-        color: '#555',
-      },
+  background: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#f5f5f5", // Light grey background color
+    padding: 20,
+    borderRadius: 10,
+    borderColor: "#e0e0e0",
+    borderWidth: 1,
+    margin: 10,
+  },
+  image: {
+    width: 50,
+    height: 50,
+    borderRadius: 25,
+    marginRight: 10,
+  },
+  name: {
+    fontSize: 16,
+    fontWeight: "bold",
+  },
+  email: {
+    fontSize: 14,
+    color: "#555",
+  },
 });
-
diff --git a/src/screens/AccoutScreen.js b/src/screens/AccoutScreen.js
@@ -9,4 +9,4 @@ export default function AccountScreen() {
       <LogOutButton></LogOutButton>
     </View>
   );
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,4 +9,4 @@ export default function AccountScreen() { @@
           <LogOutButton></LogOutButton>
         </View>
       );
-    }
+    }