Felix FaerberandClaude Opus 5
79e79097ae
Docker / build (pull_request) Successful in 17s
It showed node health, addresses, topology, wallet, stamps and chain state -- the same ground bee-manager covers at stamps.ffaerber.duckdns.org, and covers better: bucket maps, top-up and dilute actions, the action ledger, alerting. Two views of one node drift apart, and the weaker one is the one people find first, from the gateway's own nav. Route, component and nav entry go together. The gateway's /bee/stats endpoint is left alone: nothing else in this app called it, but it is a public API route and removing it is a decision about the API, not about this page. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CYFnHida4AdiNDek2pzgXx
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import { NavLink } from 'react-router';
|
|
|
|
const ITEMS = [
|
|
{ to: '/chat', label: 'Chat' },
|
|
{ to: '/account', label: 'Account' },
|
|
];
|
|
|
|
export function Nav() {
|
|
return (
|
|
<nav className='border-b border-neutral-200 bg-white'>
|
|
<div className='mx-auto flex max-w-3xl items-center justify-between px-6 py-3'>
|
|
<a href='/' className='text-sm font-semibold tracking-tight'>
|
|
t4t Gateway
|
|
</a>
|
|
<ul className='flex gap-1'>
|
|
{ITEMS.map((item) => (
|
|
<li key={item.to}>
|
|
<NavLink
|
|
to={item.to}
|
|
className={({ isActive }) =>
|
|
`inline-flex h-8 items-center rounded-md px-3 text-sm font-medium transition-colors ${
|
|
isActive
|
|
? 'bg-neutral-900 text-white'
|
|
: 'text-neutral-700 hover:bg-neutral-100'
|
|
}`
|
|
}
|
|
>
|
|
{item.label}
|
|
</NavLink>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|