ui: move settings to footer icon beside theme toggle

This commit is contained in:
Dotta
2026-03-10 13:23:35 -05:00
parent ef978dd601
commit f3a9b6de21
2 changed files with 12 additions and 4 deletions

View File

@@ -1,7 +1,7 @@
import { useCallback, useEffect, useRef, useState, type UIEvent } from "react";
import { useQuery } from "@tanstack/react-query";
import { BookOpen, Moon, Sun } from "lucide-react";
import { Outlet, useLocation, useNavigate, useParams } from "@/lib/router";
import { BookOpen, Moon, Settings, Sun } from "lucide-react";
import { Link, Outlet, useLocation, useNavigate, useParams } from "@/lib/router";
import { CompanyRail } from "./CompanyRail";
import { Sidebar } from "./Sidebar";
import { SidebarNavItem } from "./SidebarNavItem";
@@ -221,6 +221,11 @@ export function Layout() {
icon={BookOpen}
className="flex-1 min-w-0"
/>
<Button asChild type="button" variant="ghost" size="icon-sm" className="text-muted-foreground shrink-0">
<Link to="/company/settings" aria-label="Open company settings" title="Company settings">
<Settings className="h-4 w-4" />
</Link>
</Button>
<Button
type="button"
variant="ghost"
@@ -256,6 +261,11 @@ export function Layout() {
icon={BookOpen}
className="flex-1 min-w-0"
/>
<Button asChild type="button" variant="ghost" size="icon-sm" className="text-muted-foreground shrink-0">
<Link to="/company/settings" aria-label="Open company settings" title="Company settings">
<Settings className="h-4 w-4" />
</Link>
</Button>
<Button
type="button"
variant="ghost"

View File

@@ -8,7 +8,6 @@ import {
Search,
SquarePen,
Network,
Settings,
} from "lucide-react";
import { useQuery } from "@tanstack/react-query";
import { SidebarSection } from "./SidebarSection";
@@ -99,7 +98,6 @@ export function Sidebar() {
<SidebarNavItem to="/org" label="Org" icon={Network} />
<SidebarNavItem to="/costs" label="Costs" icon={DollarSign} />
<SidebarNavItem to="/activity" label="Activity" icon={History} />
<SidebarNavItem to="/company/settings" label="Settings" icon={Settings} />
</SidebarSection>
</nav>
</aside>