|
|
|
@ -8,7 +8,7 @@ import axios from 'axios'
|
|
|
|
|
|
|
|
|
|
|
|
const api = axios.create({
|
|
|
|
const api = axios.create({
|
|
|
|
baseURL: 'http://localhost:8080'
|
|
|
|
baseURL: 'http://localhost:8080'
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
function Compte() {
|
|
|
|
function Compte() {
|
|
|
|
const [theme, setTheme] = useState("light");
|
|
|
|
const [theme, setTheme] = useState("light");
|
|
|
|
@ -28,6 +28,20 @@ function Compte() {
|
|
|
|
console.log(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 (
|
|
|
|
return (
|
|
|
|
<body className={theme}>
|
|
|
|
<body className={theme}>
|
|
|
|
@ -66,11 +80,17 @@ function Compte() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="name">
|
|
|
|
<div className="name">
|
|
|
|
<div className="presentationNom">
|
|
|
|
{users.map((user) => (
|
|
|
|
<p id="texte" className="def">Nom Complet :</p>
|
|
|
|
<div className="presentationNom"
|
|
|
|
<p>{}</p>
|
|
|
|
key={user.iduser}
|
|
|
|
<p id="texte" className="nom">Mateo Centeno</p>
|
|
|
|
hover
|
|
|
|
</div>
|
|
|
|
onClick={(event) => handleClick(event, user.iduser)}
|
|
|
|
|
|
|
|
selected={user.iduser === selectedIdUser}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<p id="texte" className="def">Nom Complet :</p>
|
|
|
|
|
|
|
|
<p id="texte" className="nom">{user.lastname}</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
))}
|
|
|
|
<div className='bouton_submit'>
|
|
|
|
<div className='bouton_submit'>
|
|
|
|
<button id="bouton" className="bouton_modifierNom" type="submit" onClick={modificationHandler}>{!modification ? "Modifier" : "Envoyer"}</button>
|
|
|
|
<button id="bouton" className="bouton_modifierNom" type="submit" onClick={modificationHandler}>{!modification ? "Modifier" : "Envoyer"}</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
