fix: convert navigate() calls to Link components for cmd-click support

Replaced button/div onClick + navigate() patterns with React Router
<Link> components so that cmd-click (or ctrl-click) opens pages in a
new browser tab. Changes across:

- AgentDetail: RunListItem, "Issues Touched" items, "Manage" config
  link, "Back to runs" mobile button
- CompanySwitcher: "Company Settings" and "Manage Companies" items
- Approvals: pass detailLink prop instead of onOpen callback
- Org: OrgTree nodes now render as Links

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Forgotten
2026-02-23 14:50:20 -06:00
parent cf4b338cd4
commit 0db2795d1d
4 changed files with 41 additions and 46 deletions

View File

@@ -1,5 +1,5 @@
import { ChevronsUpDown, Plus, Settings } from "lucide-react";
import { useNavigate } from "react-router-dom";
import { Link } from "react-router-dom";
import { useCompany } from "../context/CompanyContext";
import {
DropdownMenu,
@@ -26,7 +26,6 @@ function statusDotColor(status?: string): string {
export function CompanySwitcher() {
const { companies, selectedCompany, setSelectedCompanyId } = useCompany();
const navigate = useNavigate();
return (
<DropdownMenu>
@@ -63,13 +62,17 @@ export function CompanySwitcher() {
<DropdownMenuItem disabled>No companies</DropdownMenuItem>
)}
<DropdownMenuSeparator />
<DropdownMenuItem onClick={() => navigate("/company/settings")}>
<Settings className="h-4 w-4 mr-2" />
Company Settings
<DropdownMenuItem asChild>
<Link to="/company/settings" className="no-underline text-inherit">
<Settings className="h-4 w-4 mr-2" />
Company Settings
</Link>
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate("/companies")}>
<Plus className="h-4 w-4 mr-2" />
Manage Companies
<DropdownMenuItem asChild>
<Link to="/companies" className="no-underline text-inherit">
<Plus className="h-4 w-4 mr-2" />
Manage Companies
</Link>
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>