import { type JSX, Show } from "solid-js";
import { CONFIG } from "../../config";
import { activeView, setActiveView, type View } from "../../view";
import { ThemeToggle } from "../ThemeToggle";
import { Vitals } from "./Vitals";
// Inline nav glyphs — robomp has no icon library.
function ActivityIcon(): JSX.Element {
return (
);
}
function OpsIcon(): JSX.Element {
return (
);
}
function TriageIcon(): JSX.Element {
return (
);
}
function LockIcon(): JSX.Element {
return (
);
}
interface NavDef {
id: View;
label: string;
icon: () => JSX.Element;
locked: boolean;
}
const NAV: NavDef[] = [
{ id: "operations", label: "Operations", icon: OpsIcon, locked: false },
{ id: "activity", label: "Activity", icon: ActivityIcon, locked: false },
{ id: "triage", label: "Triage", icon: TriageIcon, locked: !CONFIG.replayEnabled },
];
export function Rail(): JSX.Element {
return (
);
}