From 9dd733c8dc520cd59e42ef394dcbd1e2471cf050 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lara=20Mi=C3=B1ones=20Rodr=C3=ADguez?=
 <lminones@ficodes.com>
Date: Thu, 18 Dec 2025 10:43:24 +0100
Subject: [PATCH] FIX now show usage spec section only to sellers

---
 src/app/shared/header/header.component.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/shared/header/header.component.html b/src/app/shared/header/header.component.html
index c1b412b8..51acc55b 100644
--- a/src/app/shared/header/header.component.html
+++ b/src/app/shared/header/header.component.html
@@ -195,9 +195,11 @@
                 Analytics
               </a>
             </li>            
-            <li>
-              <button data-cy="usageSpecs" id="usageSpecs" (click)="goTo('/usage-spec')" class="flex w-full justify-left px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"><fa-icon [icon]="faRuler" class="mr-2"></fa-icon>Usage Spec</button>
-            </li>
+            @if(roles.includes('seller')){            
+              <li>
+                <button data-cy="usageSpecs" id="usageSpecs" (click)="goTo('/usage-spec')" class="flex w-full justify-left px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"><fa-icon [icon]="faRuler" class="mr-2"></fa-icon>Usage Spec</button>
+              </li>
+            }
             <li>
               <button id="myInventory" (click)="goTo('/product-inventory')"class="flex w-full justify-left px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"><fa-icon [icon]="faBoxesStacked" class="mr-2"></fa-icon>{{ 'HEADER._inventory' | translate }}</button>
             </li>