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 Container from 'react-bootstrap/Container'
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
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 (
//
// );
const nameRef = useRef(null);
const emailRef = useRef(null);
const size = "171x180";
const profilePicture = user.profilePicture + "/" + size;
console.log("profile :" + profilePicture);
return (