Move Admin link from top bar to user menu

cgen-de2149cca22b49f6840bf439f61bda13
This commit is contained in:
Builder.io 2025-09-27 23:49:35 +00:00
parent 72a90ef347
commit 39f88fe54e

View file

@ -20,6 +20,7 @@ interface LayoutProps {
export default function Layout({ children }: LayoutProps) {
const location = useLocation();
const { user, profile, roles, signOut, loading } = useAuth();
const isOwner = Array.isArray(roles) && roles.includes("owner");
const navigation = [
{ name: "Home", href: "/" },
@ -61,12 +62,7 @@ export default function Layout({ children }: LayoutProps) {
{/* Navigation */}
<nav className="hidden md:flex items-center space-x-8">
{(() => {
const isOwner = Array.isArray(roles) && roles.includes("owner");
const navItems = user
? isOwner
? [{ name: "Admin", href: "/admin" }, ...userNavigation]
: userNavigation
: navigation;
const navItems = user ? userNavigation : navigation;
return navItems.map((item, index) => (
<Link
key={item.name}
@ -152,6 +148,14 @@ export default function Layout({ children }: LayoutProps) {
Settings
</Link>
</DropdownMenuItem>
{isOwner && (
<DropdownMenuItem asChild>
<Link to="/admin" className="cursor-pointer">
<Settings className="mr-2 h-4 w-4" />
Admin Panel
</Link>
</DropdownMenuItem>
)}
<DropdownMenuSeparator />
<DropdownMenuItem
className="cursor-pointer"