mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-20 06:51:12 -05:00
Fix: Conditionally render admin settings button
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user