cc47007fa9
- Archive dormant apps (daemon, desktop, native, tui) and superseded packages/server into repos/ for reference - Archive 21 dead web components (chat page shell, work-os cluster, strays) into repos/web/; keep reused message-rendering primitives in components/chat - Merge @code/work-os into @code/primitives; work.ts absorbed via ./work subpath and barrel export; update all four importers - Add docs/futures.md tracking audio/video (blocked at Flue + provider), web layout cleanup, and message rendering quality - Repoint dev:zopu script to @code/agents (the live Flue server) - Note repos/ reference-code convention in AGENTS.md
37 lines
887 B
TypeScript
37 lines
887 B
TypeScript
import { NavLink } from "react-router";
|
|
|
|
import { ModeToggle } from "./mode-toggle";
|
|
|
|
export default function Header() {
|
|
const links = [
|
|
{ to: "/", label: "Home" },
|
|
{ to: "/dashboard", label: "Dashboard" },
|
|
{ to: "/todos", label: "Todos" },
|
|
] as const;
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex flex-row items-center justify-between px-2 py-1">
|
|
<nav className="flex gap-4 text-lg">
|
|
{links.map(({ to, label }) => {
|
|
return (
|
|
<NavLink
|
|
key={to}
|
|
to={to}
|
|
className={({ isActive }) => (isActive ? "font-bold" : "")}
|
|
end
|
|
>
|
|
{label}
|
|
</NavLink>
|
|
);
|
|
})}
|
|
</nav>
|
|
<div className="flex items-center gap-2">
|
|
<ModeToggle />
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
</div>
|
|
);
|
|
}
|