Avatar

backend/database/schema.sql

@@ -26,7 +26,8 @@ CREATE TABLE
         `naissance` DATE NOT NULL,
         `civility` BOOLEAN NOT NULL,
         `password` varchar(50) not null,
-        `IsAdmin` bool not null
+        `IsAdmin` bool not null,
+        `avatar` varchar(255) not null
     );
 
 DROP TABLE IF EXISTS `film`;

frontend/src/components/NavBar.jsx

@@ -1,6 +1,8 @@
 import { NavLink } from "react-router-dom";
+import { useUser } from "../contexts/UserContext";
 
 function NavBar() {
+  const { user } = useUser();
   return (
     <div className="navbar">
       <div className="nav-icon-container">
@@ -22,6 +24,24 @@ function NavBar() {
         </NavLink>
       </div>
       <div className="nav-icon-container">
+        <NavLink to="/Connection" className="profile-icon" />
+        {user ? (
+          <img
+            className="icon"
+            src={
+              user.civility === 0
+                ? "/src/assets/icons/avatar1.svg"
+                : "/src/assets/icons/FemaleAvatar.svg"
+            }
+            alt="avatar"
+          />
+        ) : (
+          <img
+            className="icon"
+            src="/src/assets/icons/profile_icon.svg"
+            alt="connexion"
+          />
+        )}
         <NavLink to="/AregarderPlusTard" className="profile-icon">
           <img
             className="icon"

frontend/src/components/NavBarDesktop.jsx

@@ -1,6 +1,8 @@
 import { NavLink } from "react-router-dom";
+import { useUser } from "../contexts/UserContext";
 
 function NavBarDesktop() {
+  const { user } = useUser();
   return (
     <div className="navbar-desktop">
       <img className="logo" src="/src/assets/icons/logo.svg" alt="logo" />
@@ -14,11 +16,23 @@ function NavBarDesktop() {
           </NavLink>
         </div>
         <NavLink className="link" to="/Connection">
-          <img
-            className="icon"
-            src="/src/assets/icons/avatardesktop.svg"
-            alt="connexion"
-          />
+          {user ? (
+            <img
+              className="icon"
+              src={
+                user.civility === 0
+                  ? "/src/assets/icons/avatar1.svg"
+                  : "/src/assets/icons/FemaleAvatar.svg"
+              }
+              alt="avatar"
+            />
+          ) : (
+            <img
+              className="icon"
+              src="/src/assets/icons/profile_icon.svg"
+              alt="connexion"
+            />
+          )}
         </NavLink>
       </div>
     </div>

frontend/src/main.jsx

@@ -18,6 +18,7 @@ import "./sass/index.scss";
 import { SerieProvider } from "./contexts/SerieContext";
 import UserProfil from "./pages/UserProfil";
 
+
 const router = createBrowserRouter([
   {
     path: "/",