added partyPlayed into the user metrics model and added a dummy profile setting view page

2023-04-05 01:20:03 +02:00
parent 4e26925113
commit 9dfc2881a2
6 changed files with 66 additions and 26 deletions
@@ -0,0 +1,42 @@
+import API from "../../API";
+import { useDispatch } from "react-redux";
+import { unsetAccessToken } from "../../state/UserSlice";
+
+import React, { useEffect, useState } from "react";
+import { Column, Text, Button, Icon, Box, Center, Heading } from "native-base";
+import User from "../../models/User";
+import TextButton from "../../components/TextButton";
+
+const ProfileSettings = ({ navigation }: { navigation: any }) => {
+	const [user, setUser] = useState<User | null>(null);
+	const dispatch = useDispatch();
+
+	useEffect(() => {
+		API.getUserInfo().then((user) => {
+			setUser(user);
+		});
+	}, []);
+
+	return (
+		<Center style={{ flex: 1}}>
+			{user && (
+				<Column>
+					<Heading>Profile Settings</Heading>
+
+					<Text>Username: {user.name}</Text>
+					<Text>ID: {user.id}</Text>
+					<Text>Email: {user.email}</Text>
+					<Text>Party played: {user.metrics.partyPlayed}</Text>
+
+					<Text>XP: {user.xp}</Text>
+				</Column>
+			)}
+
+			<TextButton onPress={() => dispatch(unsetAccessToken())} translate={{
+                translationKey: "signOutBtn",
+            }} />
+		</Center>
+	);
+};
+
+export default ProfileSettings;