add simple buttons for settings

2024-12-07 04:58:59 +01:00
parent c223989e9f
commit 8a28edaf6a
8 changed files with 145 additions and 11 deletions
@@ -1,13 +1,35 @@
 import ThemedHeader from "@/src/components/themed/ThemedHeader";
-import React from "react";
+import React, {useState} from "react";
 import ThemedBackground from "@/src/components/themed/ThemedBackground";
+import ChangePasswordModal from "@/src/components/ChangePasswordModal";
+import ThemeToggleButton from "@/src/components/ThemeToggleButton";
+import SpotifyAuthButton from "@/src/components/SpotifyAuthButton";
+import {Token} from "@/src/services/RestService";
+import {Text} from 'react-native-paper';
+
+import * as WebBrowser from "expo-web-browser";
+import {useAuth} from "@/src/context/AuthProvider";
+
+WebBrowser.maybeCompleteAuthSession();

 export default function SettingsScreen() {
+    const {token: jwtToken} = useAuth();
+    const [token, setToken] = useState<Token | null>(null);
+
+    const handleAuthSuccess = (token: Token) => {
+        setToken(token);
+        console.log('Erhaltener Authentifizierungscode:', token);
+    };
+
    return (
        <ThemedBackground>
            <ThemedHeader>
                Settings
            </ThemedHeader>
+            <ChangePasswordModal/>
+            <ThemeToggleButton/>
+            <SpotifyAuthButton onAuthSuccess={handleAuthSuccess} jwtToken={jwtToken!}/>
+            {token && <Text>Erhaltener Code: {token.access_token}</Text>}
        </ThemedBackground>
    );
 }