From 86a66d327856d15612a5ab1abfca66e4ab56011d Mon Sep 17 00:00:00 2001
From: Khwezi Mngoma <khwezi@msn.com>
Date: Sat, 16 May 2026 12:43:07 +0200
Subject: [PATCH] Completed refactor of shelf to showareas that will be worked
 on

---
 ShopAdmin/Components/Layout/MainLayout.razor |  2 +-
 ShopAdmin/Components/Pages/NavShelf.razor    | 23 ++++++++++++++++----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/ShopAdmin/Components/Layout/MainLayout.razor b/ShopAdmin/Components/Layout/MainLayout.razor
index 2058661..0bf99b1 100644
--- a/ShopAdmin/Components/Layout/MainLayout.razor
+++ b/ShopAdmin/Components/Layout/MainLayout.razor
@@ -12,7 +12,7 @@
             
         <div class="text-column">
             <span class="brand-main">Lite<span class="brand-accent">Charms</span></span>
-            <span class="payoff-line">Shop Admin Console</span>
+            <span class="payoff-line">Shop Administration &amp; Monitoring</span>
         </div>
     </a>
 </header>
diff --git a/ShopAdmin/Components/Pages/NavShelf.razor b/ShopAdmin/Components/Pages/NavShelf.razor
index fdaedf3..490589d 100644
--- a/ShopAdmin/Components/Pages/NavShelf.razor
+++ b/ShopAdmin/Components/Pages/NavShelf.razor
@@ -25,8 +25,8 @@
 
 <aside class="nav-shelf-panel @(IsOpen ? "shelf-open" : "")">
     <div class="shelf-header">
-        <h3>Shop Management</h3>
-        <span class="environment-badge">UAT</span>
+        <h3>Shop Console</h3>
+        <span class="environment-badge">@Environment.GetEnvironmentVariable("ASPNETCORE_ENVIRONMENT")</span>
     </div>
 
     <nav class="shelf-navigation">
@@ -55,12 +55,27 @@
             <span>Products</span>
         </NavLink>
 
-        <div class="shelf-divider"></div>
-
         <NavLink class="shelf-link" href="notifications" @onclick="CloseShelf">
             <svg class="link-icon icon-warn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
             <span>Notifications</span>
         </NavLink>
+
+        <div class="shelf-divider"></div>
+
+        <NavLink class="shelf-link" href="settings" @onclick="CloseShelf">
+            <svg class="link-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
+            <span>Settings</span>
+        </NavLink>
+
+        <NavLink class="shelf-link" href="policies" @onclick="CloseShelf">
+            <svg class="link-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
+            <span>Policies</span>
+        </NavLink>
+
+        <NavLink class="shelf-link" href="profile" @onclick="CloseShelf">
+            <svg class="link-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+            <span>Profile</span>
+        </NavLink>
     </nav>
 </aside>