From cea632c47ab7831170ca87273c318be2394f8ffb Mon Sep 17 00:00:00 2001
From: PxlLoewe <72106766+PxlLoewe@users.noreply.github.com>
Date: Sat, 12 Jul 2025 00:48:48 -0700
Subject: [PATCH] Chat animation, Audio-Berechtigungsabfrage, Berechtigung
 Fehlermeldung

---
 apps/dispatch/app/(app)/dispatch/layout.tsx   |  8 +++++++-
 apps/dispatch/app/(app)/pilot/layout.tsx      |  8 +++++++-
 apps/dispatch/app/_components/left/Chat.tsx   |  2 +-
 .../app/_components/navbar/Settings.tsx       | 19 ++++++++++++++-----
 4 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/apps/dispatch/app/(app)/dispatch/layout.tsx b/apps/dispatch/app/(app)/dispatch/layout.tsx
index 9ef4a9bc..bade8d8d 100644
--- a/apps/dispatch/app/(app)/dispatch/layout.tsx
+++ b/apps/dispatch/app/(app)/dispatch/layout.tsx
@@ -16,7 +16,13 @@ export default async function RootLayout({
 	const session = await getServerSession();
 
 	if (!session?.user.permissions.includes("DISPO"))
-		return <Error title="Zugriff verweigert" statusCode={403} />;
+		return (
+			<Error
+				title=" Fehlende Berechtigung"
+				description="Du hast nicht die erforderlichen Berechtigungen, dich als Disponent anzumelden. Du kannst im HUB Kurse abschließen um die Berechtigung zu erhalten."
+				statusCode={403}
+			/>
+		);
 
 	return (
 		<>
diff --git a/apps/dispatch/app/(app)/pilot/layout.tsx b/apps/dispatch/app/(app)/pilot/layout.tsx
index c734eb8e..ab71548f 100644
--- a/apps/dispatch/app/(app)/pilot/layout.tsx
+++ b/apps/dispatch/app/(app)/pilot/layout.tsx
@@ -16,7 +16,13 @@ export default async function RootLayout({
 	const session = await getServerSession();
 
 	if (!session?.user.permissions.includes("PILOT"))
-		return <Error title="Zugriff verweigert" statusCode={403} />;
+		return (
+			<Error
+				title=" Fehlende Berechtigung"
+				description="Du hast nicht die erforderlichen Berechtigungen, dich als Pilot anzumelden. Du kannst in HUB Kurse abschließen um die Berechtigung zu erhalten."
+				statusCode={403}
+			/>
+		);
 
 	return (
 		<>
diff --git a/apps/dispatch/app/_components/left/Chat.tsx b/apps/dispatch/app/_components/left/Chat.tsx
index 8f75105c..b62e4842 100644
--- a/apps/dispatch/app/_components/left/Chat.tsx
+++ b/apps/dispatch/app/_components/left/Chat.tsx
@@ -55,7 +55,7 @@ export const Chat = () => {
 		<div className={cn("dropdown dropdown-right dropdown-center", chatOpen && "dropdown-open")}>
 			<div className="indicator">
 				{Object.values(chats).some((c) => c.notification) && (
-					<span className="indicator-item status status-info"></span>
+					<span className="indicator-item status status-info animate-ping"></span>
 				)}
 				<button
 					className="btn btn-soft btn-sm btn-primary"
diff --git a/apps/dispatch/app/_components/navbar/Settings.tsx b/apps/dispatch/app/_components/navbar/Settings.tsx
index 0b223602..65c53cea 100644
--- a/apps/dispatch/app/_components/navbar/Settings.tsx
+++ b/apps/dispatch/app/_components/navbar/Settings.tsx
@@ -51,11 +51,16 @@ export const SettingsBtn = () => {
 	}, [user, setMic]);
 
 	useEffect(() => {
-		if (typeof navigator !== "undefined" && navigator.mediaDevices?.enumerateDevices) {
-			navigator.mediaDevices.enumerateDevices().then((devices) => {
+		const setDevices = async () => {
+			if (typeof navigator !== "undefined" && navigator.mediaDevices?.enumerateDevices) {
+				const stream = await navigator.mediaDevices.getUserMedia({ video: false, audio: true });
+				const devices = await navigator.mediaDevices.enumerateDevices();
 				setInputDevices(devices.filter((d) => d.kind === "audioinput"));
-			});
-		}
+				stream.getTracks().forEach((track) => track.stop());
+			}
+		};
+
+		setDevices();
 	}, []);
 
 	return (
@@ -101,6 +106,10 @@ export const SettingsBtn = () => {
 						<p className="flex items-center gap-2 text-base mb-2 justify-start w-full">
 							<Volume2 size={20} /> Eingabelautstärke
 						</p>
+						{/* 
+						 
+						 TODO: Livekit Kann aktuell keine Lautstärke manuell überschreiben, daher ist die MicVolumeBar deaktiviert
+
 						<div className="w-full">
 							<input
 								type="range"
@@ -125,7 +134,7 @@ export const SettingsBtn = () => {
 						</div>
 						{showIndication && (
 							<MicVolumeBar deviceId={selectedDevice ? selectedDevice : ""} volumeInput={micVol} />
-						)}
+						)} */}
 						<div className="divider w-full" />
 					</div>
 					<p className="flex items-center gap-2 text-base mb-2">