Added a pilot/dispatch mode switch dropdown
This commit is contained in:
30
apps/dispatch/app/_components/navbar/ModeSwitchDropdown.tsx
Normal file
30
apps/dispatch/app/_components/navbar/ModeSwitchDropdown.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user