diff --git a/apps/dispatch/app/(app)/pilot/page.tsx b/apps/dispatch/app/(app)/pilot/page.tsx index 5e31f982..05e3bdb9 100644 --- a/apps/dispatch/app/(app)/pilot/page.tsx +++ b/apps/dispatch/app/(app)/pilot/page.tsx @@ -11,6 +11,7 @@ import { usePilotConnectionStore } from "_store/pilot/connectionStore"; import { getConnectedAircraftsAPI } from "_querys/aircrafts"; import { checkSimulatorConnected } from "@repo/shared-components"; import { SimConnectionAlert } from "(app)/pilot/_components/SimConnectionAlert"; +import { SettingsBoard } from "_components/left/SettingsBoard"; const Map = dynamic(() => import("_components/map/Map"), { ssr: false, @@ -39,6 +40,11 @@ const PilotPage = () => {
+
+
+ +
+
{!simulatorConnected && status === "connected" && ( diff --git a/apps/dispatch/app/_components/left/SettingsBoard.tsx b/apps/dispatch/app/_components/left/SettingsBoard.tsx new file mode 100644 index 00000000..f5b4fd8f --- /dev/null +++ b/apps/dispatch/app/_components/left/SettingsBoard.tsx @@ -0,0 +1,90 @@ +"use client"; +import { useLeftMenuStore } from "_store/leftMenuStore"; +import { cn } from "@repo/shared-components"; +import { SettingsIcon } from "lucide-react"; + +export const SettingsBoard = () => { + const { setSituationTabOpen, situationTabOpen } = useLeftMenuStore(); + + const cross = ( + + + + + ); + const check = ( + + + + + + ); + + return ( +
+
+ +
+ {situationTabOpen && ( +
+
+
+

+ Map Einstellungen +

+
+ + Folge mir selbst +
+
+ + Zeige andere Piloten +
+
+ + Zeige andere Einsätze +
+
+
+
+ )} +
+ ); +};