Logan
2f0597c81b
Includes c2-core (FastAPI/MQTT/Firestore), discord-bot (slash commands), frontend (Next.js admin UI), and mosquitto config.
17 lines
654 B
TypeScript
17 lines
654 B
TypeScript
import type { NodeStatus } from "@/lib/types";
|
|
|
|
const styles: Record<NodeStatus, string> = {
|
|
online: "bg-green-950 text-green-400 border border-green-800",
|
|
recording: "bg-orange-950 text-orange-400 border border-orange-800 animate-pulse",
|
|
offline: "bg-gray-900 text-gray-500 border border-gray-700",
|
|
unconfigured: "bg-indigo-950 text-indigo-400 border border-indigo-800",
|
|
};
|
|
|
|
export function StatusBadge({ status }: { status: NodeStatus }) {
|
|
return (
|
|
<span className={`inline-block px-2 py-0.5 rounded-full text-xs font-semibold uppercase tracking-wide ${styles[status] ?? styles.offline}`}>
|
|
{status}
|
|
</span>
|
|
);
|
|
}
|