Merge pull request #19 from AudacityMusic/account-screen

logout, profile, accountscreen

src/components/Logout.js

@@ -0,0 +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,
+  },
+});

src/components/Profile.js

@@ -0,0 +1,43 @@
+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>
+    </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",
+  },
+});

src/screens/AccoutScreen.js

@@ -0,0 +1,12 @@
+import { StyleSheet, Text, View } from "react-native";
+import LogOutButton from "../components/Logout.js";
+import Profile from "../components/Profile.js";
+export default function AccountScreen() {
+  return (
+    <View>
+      <Text>{"\n\n\n\n\n\n\n"}</Text>
+      <Profile></Profile>
+      <LogOutButton></LogOutButton>
+    </View>
+  );
+}