jackmechem/server-dash
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Dev console

Browse source
This commit is contained in:
Jack Mechem 2026-05-21 16:35:34 -07:00
parent 882ff7696a
commit 130bed1d1f
Signed by: jackmechem
SSH key fingerprint: SHA256:GjIjMAC33pzYOe+hWcX5uvgnPrVFAXSrquvt84AOJbU
5 changed files with 4790 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

49
app/components/NavBar.tsx
View file

@ -1,12 +1,15 @@
"use client";
import { useEffect, useState } from "react";
import { useRouter } from "next/navigation";
import { LuCode } from "react-icons/lu";
interface NavBarProps {
online: boolean;
devConsoleOpen: boolean;
onToggleDevConsole: () => void;
}
export default function NavBar({ online }: NavBarProps) {
export default function NavBar({ online, devConsoleOpen, onToggleDevConsole }: NavBarProps) {
const router = useRouter();
const [auth, setAuth] = useState(false);
@ -34,21 +37,35 @@ export default function NavBar({ online }: NavBarProps) {
)}
</div>
<div
className={`flex items-center gap-2 text-xs font-medium px-3 py-1.5 rounded-full border ${
online
? "text-green-700 bg-green-50 border-green-200"
: "text-gray-500 bg-gray-50 border-gray-200"
}`}
>
<span
className="w-1.5 h-1.5 rounded-full"
style={{
background: online ? "#22c55e" : "#d1d5db",
animation: online ? "pulse-dot 2s infinite" : "none",
}}
/>
{online ? "Online" : "Connecting..."}
<div className="flex items-center gap-2">
<button
onClick={onToggleDevConsole}
className={`flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full border cursor-pointer transition-colors ${
devConsoleOpen
? "text-blue-700 bg-blue-50 border-blue-200"
: "text-gray-500 bg-gray-50 border-gray-200 hover:border-gray-300 hover:text-gray-700"
}`}
>
<LuCode size={12} />
Dev
</button>
<div
className={`flex items-center gap-2 text-xs font-medium px-3 py-1.5 rounded-full border ${
online
? "text-green-700 bg-green-50 border-green-200"
: "text-gray-500 bg-gray-50 border-gray-200"
}`}
>
<span
className="w-1.5 h-1.5 rounded-full"
style={{
background: online ? "#22c55e" : "#d1d5db",
animation: online ? "pulse-dot 2s infinite" : "none",
}}
/>
{online ? "Online" : "Connecting..."}
</div>
</div>
</nav>
);