diff --git a/src/components/core/Header.tsx b/src/components/core/Header.tsx index 3474f2ee48d95f2b847d3a3d1995ce31faf45317..076591309652d5c980fdf27918f60129fd138ed5 100644 --- a/src/components/core/Header.tsx +++ b/src/components/core/Header.tsx @@ -3,6 +3,7 @@ import Logo from "./Logo"; import Menu from "./Menu"; import logoSig from "../../images/logo-egeo.png"; import MenuMobile from "./menuMobile"; +import Profil from "./Profil"; const Header = () => { return ( @@ -26,7 +27,9 @@ const Header = () => { /> </svg> </label> + {/* ---------------MENU MOBILE------------------ */} <MenuMobile /> + {/* ---------------END MENU MOBILE------------------ */} </div> {/*----------------- LOGO --------------------------*/} <div className="flex-shrink-0 flex items-center"> @@ -38,6 +41,7 @@ const Header = () => { <div className="navbar-center hidden lg:flex"> <Menu /> </div> + {/* ---------------END MENU------------------ */} <div className="navbar-end"> <div className="form-control hidden sm:block"> <input @@ -47,7 +51,7 @@ const Header = () => { /> </div> {/* ---------------PROFIL------------------ */} - {/* <Profil /> */} + <Profil /> {/* ---------------END PROFIL------------------ */} </div> </div> diff --git a/src/components/core/Profil.tsx b/src/components/core/Profil.tsx new file mode 100644 index 0000000000000000000000000000000000000000..9b11177a7e018b0ea5c195ed7d26f00cb822e39b --- /dev/null +++ b/src/components/core/Profil.tsx @@ -0,0 +1,37 @@ +import React from "react"; + +interface Props { + imgProfile?: string +} + +const Profil = (props: Props) => { + const {imgProfile="https://placeimg.com/80/80/people"} = props + return ( + <div className="dropdown dropdown-end"> + <label tabIndex={0} className="btn btn-ghost btn-circle avatar"> + <div className="w-10 rounded-full"> + <img src={imgProfile}/> + </div> + </label> + <ul + tabIndex={0} + className="mt-3 p-2 shadow menu menu-compact dropdown-content bg-base-100 rounded-box w-52" + > + <li> + <a className="justify-between"> + Profile + <span className="badge">Actualité</span> + </a> + </li> + <li> + <a>Paramètre</a> + </li> + <li> + <a>Déconnexion</a> + </li> + </ul> + </div> + ); +}; + +export default Profil;