import "../style/settings/settings.css" import 'bootstrap/dist/css/bootstrap.min.css'; import { MainTitle, SecondTitle } from "./component/Title" import {Header} from './template/Header' import { useState, ChangeEvent, useRef } from "react" import { User } from "./model/User" import Button from 'react-bootstrap/Button'; import Form from 'react-bootstrap/Form'; import Image from 'react-bootstrap/Image'; import { updateSourceFile } from "typescript"; import { fetchAPI } from "../Fetcher"; import { fetchPOST } from "../Fetcher"; export default function Settings({user} : {user : User}){ return (
) } function Body({user} : {user : User}) { return (
) } function AccountSettings({user} : {user : User}){ return (
); } function ProfilSettings({user} : {user : User}) { // Utilisez useState pour gérer l'état du champ de saisie // const [username, setUsername] = useState({user.username}); // // Fonction pour mettre à jour l'état lorsqu'il y a un changement dans le champ de saisie // const handleUsernameChange = (event : ChangeEvent) => { // setUsername(event.target.value); // }; // return ( //
//
//
Nom d'utilisateur
// {/* Utilisez la valeur de l'état et la fonction onChange */} //
//
//
// ); const nameRef = useRef(null); const emailRef = useRef(null); const size = "171x180"; const profilePicture = user.profilePicture + "/" + size; return (
Nom d'utilisateur Adresse mail
); } function updateAccountInfos(name : string, email : string, user : User) { fetchAPI("account/update/profile", { name : name, email : email }); fetchPOST("account/update", {}); location.reload(); }