import { Component } from '@fullcalendar/core'; import userEvent from '@testing-library/user-event'; import React, { useEffect, useState } from 'react'; import NavigationDashboard from '../components/NavigationDashboard'; import img1 from '../img/logo_personEntouré.svg'; import axios from 'axios' const api = axios.create({ baseURL: 'http://localhost:8080' }) function Compte() { const [theme, setTheme] = useState("light"); const [modification, setModification] = useState(false); if (localStorage.getItem('theme') && localStorage.getItem("theme") !== '' && localStorage.getItem("theme") !== theme) { setTheme(localStorage.getItem("theme")) } const [file, setFile] = useState(); function handleChange(e) { console.log(e.target.files); setFile(URL.createObjectURL(e.target.files[0])); } const modificationHandler = () => { setModification((modification) => !modification) console.log(modification) } const [users, setUsers] = useState([]); const [selectedIdUser, setSelectedIdUser] = useState(); useEffect(() =>{ api.get('/User/Id/:id').then((response) => { setUsers(response.data); setSelectedIdUser(response.data[0].iduser); }); }, []); const handleClick = (event, iduser) => { setSelectedIdUser(iduser); }; return (
{/* Create an account page */}

Mon Compte

{users.map((user) => (
handleClick(event, user.iduser)} selected={user.iduser === selectedIdUser} >

Nom Complet :

{user.lastname}

))}

Informations personnel

Mail :

coucou@gmail.com

Pays ou Région :

France

Tel :

0745632114

Informations entreprise

Nom de l'entreprise

entreprise name

Secteur d'activité :

Coiffure

Nombre clients :

200

); }; export default Compte;