pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-22 04:51:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Conditionally render admin settings button

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-28 18:43:39 +00:00
parent cfdc44d572
commit 92d61b32ad
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/layout/AdminHeader.tsx
View File

@@ -3,8 +3,11 @@ import { Button } from '@/components/ui/button';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { ThemeToggle } from '@/components/theme/ThemeToggle'; import { ThemeToggle } from '@/components/theme/ThemeToggle';
import { AuthButtons } from '@/components/auth/AuthButtons'; import { AuthButtons } from '@/components/auth/AuthButtons';
import { useUserRole } from '@/hooks/useUserRole';
export function AdminHeader() { export function AdminHeader() {
const { permissions } = useUserRole();
return ( 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"> <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"> <div className="container flex h-16 items-center justify-between px-4">
@@ -27,12 +30,14 @@ export function AdminHeader() {
{/* Right Section - Admin actions */} {/* Right Section - Admin actions */}
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Button variant="ghost" size="sm" asChild> {permissions?.role_level === 'superuser' && (
<Link to="/admin/settings"> <Button variant="ghost" size="sm" asChild>
<Settings className="w-4 h-4" /> <Link to="/admin/settings">
<span className="hidden sm:ml-2 sm:inline">Settings</span> <Settings className="w-4 h-4" />
</Link> <span className="hidden sm:ml-2 sm:inline">Settings</span>
</Button> </Link>
</Button>
)}
<ThemeToggle /> <ThemeToggle />
<AuthButtons /> <AuthButtons />
</div> </div>