Fix: Conditionally render admin settings button

This commit is contained in:
gpt-engineer-app[bot]
2025-09-28 18:43:39 +00:00
parent cfdc44d572
commit 92d61b32ad

View File

@@ -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>