From 92d61b32ad44ce680bb3176103e018c5f42cdf36 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 28 Sep 2025 18:43:39 +0000
Subject: [PATCH] Fix: Conditionally render admin settings button

---
 src/components/layout/AdminHeader.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/layout/AdminHeader.tsx b/src/components/layout/AdminHeader.tsx
index 42a92a27..c0bf35fb 100644
--- a/src/components/layout/AdminHeader.tsx
+++ b/src/components/layout/AdminHeader.tsx
@@ -3,8 +3,11 @@ import { Button } from '@/components/ui/button';
 import { Link } from 'react-router-dom';
 import { ThemeToggle } from '@/components/theme/ThemeToggle';
 import { AuthButtons } from '@/components/auth/AuthButtons';
+import { useUserRole } from '@/hooks/useUserRole';
 
 export function AdminHeader() {
+  const { permissions } = useUserRole();
+  
   return (
     <header className="sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="container flex h-16 items-center justify-between px-4">
@@ -27,12 +30,14 @@ export function AdminHeader() {
 
         {/* Right Section - Admin actions */}
         <div className="flex items-center gap-2">
-          <Button variant="ghost" size="sm" asChild>
-            <Link to="/admin/settings">
-              <Settings className="w-4 h-4" />
-              <span className="hidden sm:ml-2 sm:inline">Settings</span>
-            </Link>
-          </Button>
+          {permissions?.role_level === 'superuser' && (
+            <Button variant="ghost" size="sm" asChild>
+              <Link to="/admin/settings">
+                <Settings className="w-4 h-4" />
+                <span className="hidden sm:ml-2 sm:inline">Settings</span>
+              </Link>
+            </Button>
+          )}
           <ThemeToggle />
           <AuthButtons />
         </div>