1. import React, { useState } from "react";
2. import { Navigate } from "react-router-dom";
3. import "./profilAdmin.css"
4. import {FaPen, FaExclamation } from "react-icons/fa"
5. import {HiUserCircle} from "react-icons/hi"
6. import { useDispatch, useSelector } from "react-redux";
7. import { RegisterUser } from "../../JS/Actions/user.actions";
8. import { useNavigate } from "react-router-dom";
9.  
10.  
11.  
12.  
13. const ProfilAdmin = () => {
14.  
15.     const dispatch = useDispatch();
16.  
17.     const [user, setUser] = useState({
18.         firstName: "",
19.         lastName: "",
20.         telephone: "",
21.         email: "",
22.         password: "",
23.       });
24.  
25.       const HandleChange = (e) => {
26.         setUser({ ...user, [e.target.name]: e.target.value });
27.       };
28.  
29.  
30.       const userReducer = useSelector((state) => state.userReducer);
31.  
32.   return (
33.     <div className='profilbody'>
34.         <h1>Profil</h1>
35.         <div className='profilBx'>
36.             <div className='sideNav'>
37.                 <div className='route'>  <a href="profiladmine"> <FaPen className='icons' size={"15px"} color={"#247285"} />Modifier le profil</a></div>
38.                 <div className='route'>  <a> <FaExclamation className='icons' size={"15px"} color={"#247285"} />Cabinet</a></div>
39.             </div>
40.             <div className='formBx'>
41.                 <h2>Photo de profil</h2>
42.                 <div className='photo-container'>
43.                 <img src="/assets/img/imageAuth.png" alt="..." class="img-thumbnail"></img>
44.                 <HiUserCircle className='photoIcon' size={"40px"} color={"#247285"}  />
45.                 </div>
46.             <div className='inputBx'>
47.                 <h2>Coordonnées</h2>  
48.                 <div class="container">
49.                     <div class="row">
50.                     <div class="input-group mb-4 col">
51.                         <input
52.                             type="text"
53.                             name="firstName"
54.                             className="form-control"
55.                             placeholder="Nom et prénom"
56.                             aria-describedby="basic-addon2"
57.                             //onChange={(e) => HandleChange(e)}
58.                             />
59.                             <span className="iconForm">
60.                             <FaPen size={"20px"} color={"#206778"} />
61.                             </span>
62.                         </div>
63.                         <div class="input-group mb-4 col">
64.                         <input
65.                             type="email"
66.                             name="email"
67.                             className="form-control"
68.                             placeholder="Adresse email"
69.                             aria-describedby="basic-addon2"
70.                             //onChange={(e) => HandleChange(e)}
71.                             />
72.                             <span className="iconForm">
73.                             <FaPen size={"20px"} color={"#206778"} />
74.                             </span>
75.                         </div>
76.                         <div class="w-100"></div>
77.                         <div class="input-group mb-4 col">
78.                         <input
79.                             type="number"
80.                             name="numerotelephone"
81.                             className="form-control"
82.                             placeholder="Num de téléphone"
83.                             aria-describedby="basic-addon2"
84.                             //onChange={(e) => HandleChange(e)}
85.                             />
86.                             <span className="iconForm">
87.                             <FaPen size={"20px"} color={"#206778"} />
88.                             </span>
89.                         </div>
90.                         <div class="input-group mb-4 col">
91.                         <input
92.                             type="password"
93.                             name="password"
94.                             className="form-control"
95.                             placeholder="Mot de passe"
96.                             aria-describedby="basic-addon2"
97.                             //onChange={(e) => HandleChange(e)}
98.                             />
99.                             <span className="iconForm">
100.                             <FaPen size={"20px"} color={"#206778"} />
101.                             </span>
102.                         </div>
103.                        
104.                         </div>
105.                         <button className="annuler">Annuler</button>
106.                     <button className="buttonConnexion"
107.                     //</div> onClick={() => { dispatch(RegisterUser(user, navigate));
108.                    // }}
109.                     >Enregistrer
110.                     </button>
111.                     </div>
112.                    
113.                 </div>
114.                    
115.             </div>
116.         </div>
117.     </div>
118.   )
119. }
120.  
121. export default ProfilAdmin