ADD: added function to update db scheme automaticly

frontend/src/pages/ViewEditPlayer.tsx

@@ -2,13 +2,8 @@ import React, { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { getUserFromToken } from '../components/utils/jwt'; // Importiere die Funktion zum Decodieren des Tokens
 import {fetchPlayer} from './api'; // Importiere die Funktion zum Abrufen des Spielers
+import { User } from '../components/interfaces/users';
 
-interface Player {
-  id: string;
-  name: string;
-  email: string;
-  role: string;
-}
 
 const ViewEditPlayer = () => {
   const { id } = useParams<{ id: string }>();
@@ -16,7 +11,7 @@ const ViewEditPlayer = () => {
   const currentUser = token ? getUserFromToken(token) : null;
   const isAdmin = currentUser?.role === 'admin';
 
-  const [player, setPlayer] = useState<Player | null>(null);
+  const [player, setPlayer] = useState<User | null>(null);
   const [name, setName] = useState('');
   const [email, setEmail] = useState('');
   const [role, setRole] = useState('');
@@ -32,9 +27,9 @@ const ViewEditPlayer = () => {
         const data = await fetchPlayer(token, id);
         console.log("Geladener Spieler:", data);
         setPlayer(data);
-        setName(data.name);
-        setEmail(data.email);
-        setRole(data.role);
+        setName(data.Username);
+        setEmail(data.Email);
+        setRole(data.Roles);
       } catch (error) {
         setMessage('Spieler konnte nicht geladen werden.');
       }
@@ -77,7 +72,7 @@ const ViewEditPlayer = () => {
               onChange={(e) => setName(e.target.value)}
             />
           ) : (
-            <p>{player.name}</p>
+            <p>{player.Username}</p>
           )}
         </div>
 
@@ -91,7 +86,7 @@ const ViewEditPlayer = () => {
               onChange={(e) => setEmail(e.target.value)}
             />
           ) : (
-            <p>{player.email}</p>
+            <p>{player.Email}</p>
           )}
         </div>
 
@@ -107,7 +102,7 @@ const ViewEditPlayer = () => {
               <option value="admin">Admin</option>
             </select>
           ) : (
-            <p>{player.role}</p>
+            <p>{player.Roles}</p>
           )}
         </div>