Coordonnées

                                                     type="text"
                            name="firstName"
                            className="form-control"
                            placeholder="Nom et prénom"
                            aria-describedby="basic-addon2"
                            //onChange={(e) => HandleChange(e)}
                            />

                                                     type="email"
                            name="email"
                            className="form-control"
                            placeholder="Adresse email"
                            aria-describedby="basic-addon2"
                            //onChange={(e) => HandleChange(e)}
                            />

                                                     type="number"
                            name="numerotelephone"
                            className="form-control"
                            placeholder="Num de téléphone"
                            aria-describedby="basic-addon2"
                            //onChange={(e) => HandleChange(e)}
                            />

                                                     type="password"
                            name="password"
                            className="form-control"
                            placeholder="Mot de passe"
                            aria-describedby="basic-addon2"
                            //onChange={(e) => HandleChange(e)}
                            />






                        Annuler
                                         // onClick={() => { dispatch(RegisterUser(user, navigate));
                   // }}
                    >Enregistrer








  )
}

export default ProfilAdmin

Replies to profil admin

Title	Name	Language	UNIX	When
profiladmin css	Voluminous Meerkat	text	1652970744	1 Year ago.

Author

Title

Language

Your paste - Paste your paste here

import React, { useState } from &quot;react&quot;;
import { Navigate } from &quot;react-router-dom&quot;;
import &quot;./profilAdmin.css&quot;
import {FaPen, FaExclamation } from &quot;react-icons/fa&quot;
import {HiUserCircle} from &quot;react-icons/hi&quot;
import { useDispatch, useSelector } from &quot;react-redux&quot;;
import { RegisterUser } from &quot;../../JS/Actions/user.actions&quot;;
import { useNavigate } from &quot;react-router-dom&quot;;

const ProfilAdmin = () =&gt; {

const dispatch = useDispatch();

const [user, setUser] = useState({
        firstName: &quot;&quot;,
        lastName: &quot;&quot;,
        telephone: &quot;&quot;,
        email: &quot;&quot;,
        password: &quot;&quot;,
      });

const HandleChange = (e) =&gt; {
        setUser({ ...user, [e.target.name]: e.target.value });
      };

const userReducer = useSelector((state) =&gt; state.userReducer);

return (
    &lt;div className='profilbody'&gt;
        &lt;h1&gt;Profil&lt;/h1&gt;
        &lt;div className='profilBx'&gt;
            &lt;div className='sideNav'&gt;
                &lt;div className='route'&gt;  &lt;a href=&quot;profiladmine&quot;&gt; &lt;FaPen className='icons' size={&quot;15px&quot;} color={&quot;#247285&quot;} /&gt;Modifier le profil&lt;/a&gt;&lt;/div&gt;
                &lt;div className='route'&gt;  &lt;a&gt; &lt;FaExclamation className='icons' size={&quot;15px&quot;} color={&quot;#247285&quot;} /&gt;Cabinet&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div className='formBx'&gt;
                &lt;h2&gt;Photo de profil&lt;/h2&gt;
                &lt;div className='photo-container'&gt;
                &lt;img src=&quot;/assets/img/imageAuth.png&quot; alt=&quot;...&quot; class=&quot;img-thumbnail&quot;&gt;&lt;/img&gt;
                &lt;HiUserCircle className='photoIcon' size={&quot;40px&quot;} color={&quot;#247285&quot;}  /&gt;
                &lt;/div&gt;
            &lt;div className='inputBx'&gt; 
                &lt;h2&gt;Coordonnées&lt;/h2&gt;  
                &lt;div class=&quot;container&quot;&gt;
                    &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;input-group mb-4 col&quot;&gt;
                        &lt;input
                            type=&quot;text&quot;
                            name=&quot;firstName&quot;
                            className=&quot;form-control&quot;
                            placeholder=&quot;Nom et prénom&quot;
                            aria-describedby=&quot;basic-addon2&quot;
                            //onChange={(e) =&gt; HandleChange(e)}
                            /&gt;
                            &lt;span className=&quot;iconForm&quot;&gt;
                            &lt;FaPen size={&quot;20px&quot;} color={&quot;#206778&quot;} /&gt;
                            &lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;input-group mb-4 col&quot;&gt;
                        &lt;input
                            type=&quot;email&quot;
                            name=&quot;email&quot;
                            className=&quot;form-control&quot;
                            placeholder=&quot;Adresse email&quot;
                            aria-describedby=&quot;basic-addon2&quot;
                            //onChange={(e) =&gt; HandleChange(e)}
                            /&gt;
                            &lt;span className=&quot;iconForm&quot;&gt;
                            &lt;FaPen size={&quot;20px&quot;} color={&quot;#206778&quot;} /&gt;
                            &lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;w-100&quot;&gt;&lt;/div&gt;
                        &lt;div class=&quot;input-group mb-4 col&quot;&gt;
                        &lt;input
                            type=&quot;number&quot;
                            name=&quot;numerotelephone&quot;
                            className=&quot;form-control&quot;
                            placeholder=&quot;Num de téléphone&quot;
                            aria-describedby=&quot;basic-addon2&quot;
                            //onChange={(e) =&gt; HandleChange(e)}
                            /&gt;
                            &lt;span className=&quot;iconForm&quot;&gt;
                            &lt;FaPen size={&quot;20px&quot;} color={&quot;#206778&quot;} /&gt;
                            &lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;input-group mb-4 col&quot;&gt;
                        &lt;input
                            type=&quot;password&quot;
                            name=&quot;password&quot;
                            className=&quot;form-control&quot;
                            placeholder=&quot;Mot de passe&quot;
                            aria-describedby=&quot;basic-addon2&quot;
                            //onChange={(e) =&gt; HandleChange(e)}
                            /&gt;
                            &lt;span className=&quot;iconForm&quot;&gt;
                            &lt;FaPen size={&quot;20px&quot;} color={&quot;#206778&quot;} /&gt;
                            &lt;/span&gt;
                        &lt;/div&gt;
                        
                        &lt;/div&gt;
                        &lt;button className=&quot;annuler&quot;&gt;Annuler&lt;/button&gt;
                    &lt;button className=&quot;buttonConnexion&quot; 
                    //&lt;/div&gt; onClick={() =&gt; { dispatch(RegisterUser(user, navigate));
                   // }}
                    &gt;Enregistrer
                    &lt;/button&gt;
                    &lt;/div&gt;
                    
                &lt;/div&gt;
                   
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
  )
}

export default ProfilAdmin

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

profil admin

Profil

Photo de profil

Coordonnées

Replies to profil admin

Reply to "profil admin"