implemented connectedDispatch record for dispatcher

apps/dispatch/app/pilot/_components/navbar/Chat.tsx

@@ -1,13 +1,16 @@
 "use client";
 import { ChatBubbleIcon, PaperPlaneIcon } from "@radix-ui/react-icons";
-import { leftMenuStore } from "_store/leftMenuStore";
+import { useLeftMenuStore } from "_store/leftMenuStore";
 import { useSession } from "next-auth/react";
 import { Fragment, useEffect, useRef, useState } from "react";
-import {
-	Dispatcher,
-	getDispatcher,
-} from "dispatch/_components/navbar/_components/action";
 import { cn } from "helpers/cn";
+import { getConenctedUsers } from "helpers/axios";
+import {
+	asPublicUser,
+	ConnectedAircraft,
+	ConnectedDispatcher,
+	PublicUser,
+} from "@repo/db";
 
 export const Chat = () => {
 	const {
@@ -20,38 +23,40 @@ export const Chat = () => {
 		selectedChat,
 		setSelectedChat,
 		setChatNotification,
-	} = leftMenuStore();
+	} = useLeftMenuStore();
 	const [sending, setSending] = useState(false);
 	const session = useSession();
 	const [addTabValue, setAddTabValue] = useState<string>("");
 	const [message, setMessage] = useState<string>("");
-	const [dispatcher, setDispatcher] = useState<Dispatcher[] | null>(null);
+	const [connectedUser, setConnectedUser] = useState<
+		(ConnectedAircraft | ConnectedDispatcher)[] | null
+	>(null);
 	const timeout = useRef<NodeJS.Timeout | null>(null);
 
 	useEffect(() => {
 		if (!session.data?.user.id) return;
 		setOwnId(session.data.user.id);
-	}, [session]);
+	}, [session, setOwnId]);
 
 	useEffect(() => {
-		const fetchDispatcher = async () => {
-			const data = await getDispatcher();
+		const fetchConnectedUser = async () => {
+			const data = await getConenctedUsers();
 			if (data) {
-				const filteredDispatcher = data.filter((user) => {
+				const filteredConnectedUser = data.filter((user) => {
 					return (
 						user.userId !== session.data?.user.id &&
 						!Object.keys(chats).includes(user.userId)
 					);
 				});
-				setDispatcher(filteredDispatcher);
+				setConnectedUser(filteredConnectedUser);
 			}
 			if (!addTabValue && data[0]) setAddTabValue(data[0].userId);
 		};
 
 		timeout.current = setInterval(() => {
-			fetchDispatcher();
+			fetchConnectedUser();
 		}, 1000000);
-		fetchDispatcher();
+		fetchConnectedUser();
 
 		return () => {
 			if (timeout.current) {
@@ -60,7 +65,7 @@ export const Chat = () => {
 				console.log("cleared");
 			}
 		};
-	}, [addTabValue, chats]);
+	}, [addTabValue, chats, session]);
 
 	return (
 		<div
@@ -95,23 +100,24 @@ export const Chat = () => {
 								value={addTabValue}
 								onChange={(e) => setAddTabValue(e.target.value)}
 							>
-								{!dispatcher?.length && (
+								{!connectedUser?.length && (
 									<option disabled={true}>Keine Chatpartner gefunden</option>
 								)}
-								{dispatcher?.map((user) => (
+								{connectedUser?.map((user) => (
 									<option key={user.userId} value={user.userId}>
-										{user.name}
+										{(user.publicUser as unknown as PublicUser).firstname}{" "}
+										{(user.publicUser as unknown as PublicUser).lastname}
 									</option>
 								))}
 							</select>
 							<button
 								className="btn btn-sm btn-soft btn-primary join-item"
 								onClick={() => {
-									const user = dispatcher?.find(
+									const user = connectedUser?.find(
 										(user) => user.userId === addTabValue,
 									);
 									if (!user) return;
-									addChat(addTabValue, user.name);
+									addChat(addTabValue, asPublicUser(user.publicUser).fullName);
 									setSelectedChat(addTabValue);
 								}}
 							>
@@ -203,7 +209,7 @@ export const Chat = () => {
 								}}
 								disabled={sending}
 								role="button"
-								onSubmit={(e) => false}
+								onSubmit={() => false}
 							>
 								{sending ? (
 									<span className="loading loading-spinner loading-sm"></span>