From 2a2010421b63b9f33fa84420e3f1613d26698690 Mon Sep 17 00:00:00 2001
From: Antoine PRONNIER <antoine.pronnier@gmail.com>
Date: Sun, 19 May 2024 17:07:27 +0200
Subject: [PATCH] gold button on shop page navbar

---
 .../components/navbar/navbar.component.html   | 64 ++++++++++---------
 .../components/navbar/navbar.component.scss   |  4 ++
 2 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index 3a0fa0f..da501dc 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -1,36 +1,38 @@
 <div class="container">
-  <nav class="navbar navbar-expand-lg">
-    <div class="container-fluid">
-      <a class="navbar-brand" href="/">
-        <img ngSrc="assets/img/pacifista-logo-navbar.webp" [loading]="'lazy'" width="64" height="64" alt="pacifista navbar minecraft logo" class="d-inline-block">
-      </a>
+    <nav class="navbar navbar-expand-lg">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="/">
+                <img ngSrc="assets/img/pacifista-logo-navbar.webp" [loading]="'lazy'" width="64" height="64" alt="pacifista navbar minecraft logo" class="d-inline-block">
+            </a>
 
-      <div class="d-flex">
-        <div class="collapse navbar-collapse" id="navbarNav">
-          <ul class="navbar-nav align-items-center">
-            <li class="nav-item">
-              <a class="nav-link {{ currentUrl.startsWith('/shop') ? 'current' : '' }}" href="/shop">Boutique</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link {{ currentUrl.startsWith('/news') ? 'current' : '' }}" href="/news">News</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link {{ currentUrl.startsWith('/wiki') ? 'current' : '' }}" href="/wiki">Wiki</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link {{ currentUrl.startsWith('/vote') ? 'current' : '' }}" href="/vote">Vote</a>
-            </li>
+            <div class="d-flex">
+                <div class="collapse navbar-collapse" id="navbarNav">
+                    <ul class="navbar-nav align-items-center">
+                        <li class="nav-item shop">
+                            <a class="nav-link shop {{ currentUrl.startsWith('/shop') ? 'current' : '' }}" href="/shop">
+                                <i class="bi bi-cart-check"></i> Boutique
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link {{ currentUrl.startsWith('/news') ? 'current' : '' }}" href="/news">News</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link {{ currentUrl.startsWith('/wiki') ? 'current' : '' }}" href="/wiki">Wiki</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link {{ currentUrl.startsWith('/vote') ? 'current' : '' }}" href="/vote">Vote</a>
+                        </li>
 
-            <a class="nav-link" href="/user" rel="nofollow">
-              <button class="btn pacifista-btn">Compte</button>
-            </a>
-          </ul>
-        </div>
-      </div>
+                        <a class="nav-link" href="/user" rel="nofollow">
+                            <button class="btn pacifista-btn">Compte</button>
+                        </a>
+                    </ul>
+                </div>
+            </div>
 
-      <button class="navbar-toggler bg-opacity-25 bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-    </div>
-  </nav>
+            <button class="navbar-toggler bg-opacity-25 bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+        </div>
+    </nav>
 </div>
diff --git a/src/app/components/navbar/navbar.component.scss b/src/app/components/navbar/navbar.component.scss
index ba2bebd..f691e87 100644
--- a/src/app/components/navbar/navbar.component.scss
+++ b/src/app/components/navbar/navbar.component.scss
@@ -22,6 +22,10 @@ nav a:hover {
   color: $secondary_color;
 }
 
+nav .shop {
+  color: rgb(246, 184, 62);
+}
+
 nav .current {
   color: $main_color;
 }
\ No newline at end of file