mirror of
https://github.com/elicpeter/nyx.git
synced 2026-06-12 19:55:14 +02:00
32 lines
781 B
TypeScript
32 lines
781 B
TypeScript
|
import { NavLink, Outlet } from 'react-router-dom';
|
||
|
|
|
||
|
|
const TABS = [
|
||
|
|
{ path: '/debug/call-graph', label: 'Call Graph' },
|
||
|
|
{ path: '/debug/summaries', label: 'Summaries' },
|
||
|
|
];
|
||
|
|
|
||
|
|
export function DebugLayout() {
|
||
|
|
return (
|
||
|
|
<div className="debug-layout debug-layout-global">
|
||
|
|
<div className="debug-main">
|
||
|
|
<nav className="debug-tabs">
|
||
|
|
{TABS.map((tab) => (
|
||
|
|
<NavLink
|
||
|
|
key={tab.path}
|
||
|
|
to={tab.path}
|
||
|
|
className={({ isActive }) =>
|
||
|
|
`debug-tab${isActive ? ' debug-tab-active' : ''}`
|
||
|
|
}
|
||
|
|
>
|
||
|
|
{tab.label}
|
||
|
|
</NavLink>
|
||
|
|
))}
|
||
|
|
</nav>
|
||
|
|
<div className="debug-content">
|
||
|
|
<Outlet />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|