bon je revise je ferai ce soir

VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor

@@ -8,19 +8,18 @@
 
 
 <Bar Breakpoint="Breakpoint.Desktop"
-     Background="Background.Light"
-     ThemeContrast="ThemeContrast.Light">
+     class="bar-container">
     <BarBrand>
-        VeraxShield
+        <img class="logo" src="/ressources/images/logo/logo.png" Text="Logo de Verax" Fluid />
     </BarBrand>
     <BarToggler />
     <BarMenu>
         <BarStart>
             <BarItem>
-                <BarLink To="#home">Utilisateurs</BarLink>
+                <BarLink @onclick="@NavUtilisateurs">Utilisateurs</BarLink>
             </BarItem>
             <BarItem>
-                <BarLink To="#docs">Articles</BarLink>
+                <BarLink @onclick="@NavArticles">Articles</BarLink>
                 @* <BarDropdown>
                     <BarDropdownToggle>Dropdown</BarDropdownToggle>
                     <BarDropdownMenu>
@@ -31,7 +30,7 @@
                 </BarDropdown> *@
             </BarItem>
             <BarItem>
-                <BarLink To="#docs">Modérateurs</BarLink>
+                <BarLink @onclick="@NavModerateurs">Modérateurs</BarLink>
             </BarItem>
         </BarStart>
         <BarBrand>

VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor.cs

@@ -1,7 +1,26 @@
-namespace VeraxShield.composants.affichages.navBar
+using Microsoft.AspNetCore.Components;
+
+namespace VeraxShield.composants.affichages.navBar
 {
     public partial class NavBarPrincipale
     {
 
+        [Inject]
+        private NavigationManager NavigationManager { get; set; }
+
+        private async Task NavUtilisateurs()
+        {
+            NavigationManager.NavigateTo("/utilisateurs/liste");
+        }
+
+        private async Task NavArticles()
+        {
+            NavigationManager.NavigateTo("/articles/liste");
+        }
+
+        private async Task NavModerateurs()
+        {
+            NavigationManager.NavigateTo("/utilisateurs/liste");
+        }
     }
 }

VeraxShield/VeraxShield/wwwroot/css/composants/navBar/NavBarPrincipale.css

@@ -1,3 +1,13 @@
 body{
+    color : snow;
+}
+
+.bar-container{
+    background-color : black;
+}
 
+.logo{
+    width : 80px;
 }
+
+