PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Added a pilot/dispatch mode switch dropdown

Browse Source
This commit is contained in:
lucuswolfius
2025-06-01 13:02:10 -07:00
parent 55e44d9cde
commit ba90cd13be
4 changed files with 36 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/dispatch/app/_components/navbar/ModeSwitchDropdown.tsx Normal file
View File

@@ -0,0 +1,30 @@
"use client";
import { ArrowLeftRight, Plane, Workflow } from "lucide-react";
import Link from "next/link";
import { usePathname } from "next/navigation";
export default function ModeSwitchDropdown() {
const path = usePathname();
return (
<details className="dropdown z-[9999]">
<summary className="btn m-1">
<ArrowLeftRight /> {path.includes("pilot") && "Pilot"}
{path.includes("dispatch") && "Leitstelle"}
</summary>
<ul className="menu dropdown-content bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm">
<li>
<Link href={"/dispatch"}>
<Workflow /> Leitstelle
</Link>
</li>
<li>
<Link href={"/pilot"}>
<Plane /> Pilot
</Link>
</li>
</ul>
</details>
);
}

0
apps/dispatch/app/_components/Settings.tsx → apps/dispatch/app/_components/navbar/Settings.tsx
View File

8
apps/dispatch/app/dispatch/_components/navbar/Navbar.tsx
View File

@@ -6,7 +6,8 @@ import { Audio } from "../../../_components/Audio";
/* import { useState } from "react"; */
import { ExitIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
import Link from "next/link";
import { Settings } from "_components/Settings";
import { Settings } from "_components/navbar/Settings";
import ModeSwitchDropdown from "_components/navbar/ModeSwitchDropdown";
export default function Navbar() {
/* const [isDark, setIsDark] = useState(false);
@@ -22,10 +23,7 @@ export default function Navbar() {
return (
<div className="navbar bg-base-100 shadow-sm flex gap-5 justify-between">
<div className="flex items-center gap-2">
<a className="btn btn-ghost text-xl">VAR Leitstelle V2</a>
</div>
<ModeSwitchDropdown />
<div className="flex items-center gap-5">
<div className="flex items-center gap-2">
<Audio />

8
apps/dispatch/app/pilot/_components/navbar/Navbar.tsx
View File

@@ -6,7 +6,8 @@ import { Audio } from "../../../_components/Audio";
/* import { useState } from "react"; */
import { ExitIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
import Link from "next/link";
import { Settings } from "_components/Settings";
import { Settings } from "_components/navbar/Settings";
import ModeSwitchDropdown from "_components/navbar/ModeSwitchDropdown";
export default function Navbar() {
/* const [isDark, setIsDark] = useState(false);
@@ -22,10 +23,7 @@ export default function Navbar() {
return (
<div className="navbar bg-base-100 shadow-sm flex gap-5 justify-between">
<div className="flex items-center gap-2">
<a className="btn btn-ghost text-xl">VAR Leitstelle V2</a>
</div>
<ModeSwitchDropdown />
<div className="flex items-center gap-5">
<div className="flex items-center gap-2">
<Audio />