continue dispatch-server

apps/dispatch/app/(dispatch)/_components/Navbar.tsx

@@ -3,8 +3,13 @@ import { ToggleTalkButton } from "../_components/ToggleTalkButton";
 import { ChangeRufgruppe } from "../_components/ChangeRufgruppe";
 import { Notifications } from "../_components/Notifications";
 import Link from "next/link";
+import { connectionStore } from "../../_store/connectionStore";
+import { useEffect } from "react";
+import { socket } from "../socket";
 
 export default function Navbar() {
+	const connected = connectionStore((state) => state);
+
 	return (
 		<div className="navbar bg-base-100 shadow-sm">
 			<div className="flex-1">

apps/dispatch/app/(dispatch)/layout.tsx

@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import Navbar from "./_components/Navbar";
-import { useSession } from "next-auth/react";
 import { redirect } from "next/navigation";
 import { getServerSession } from "../api/auth/[...nextauth]/auth";
 

apps/dispatch/app/(dispatch)/socket.ts

@@ -0,0 +1,7 @@
+import { io } from "socket.io-client";
+
+export const socket = io(process.env.NEXT_PUBLIC_DISPATCH_SERVER_URL, {
+	auth: (cb) => {
+		cb({ token: "jwt" });
+	},
+});