✨ New Remote-Control page

frontend/src/lib/dashboard/main_slider.svelte

@@ -46,20 +46,39 @@
 			copy_toast_open = false;
 		}, 2000);
 	};
+
+	let game_in_lobby: { game_pin: string; game_id: string; quiz_title: string } | undefined =
+		undefined;
+
+	const get_game_in_lobby_fn = async () => {
+		const res = await fetch('/api/v1/remote/game_waiting');
+		console.log('Fetched.');
+		if (res.ok) {
+			game_in_lobby = await res.json();
+		}
+	};
 	onMount(() => {
 		document.body.addEventListener('keydown', close_start_game_if_esc_is_pressed);
 	});
-	$: console.log(quizzes, 'quizzes_here');
-	$: console.log(visibleImages, 'visible images');
+
+	get_game_in_lobby_fn();
 </script>
 
-{#if copy_toast_open}
+{#if copy_toast_open || game_in_lobby}
 	<div class="fixed w-screen top-10 z-50 flex justify-center" transition:fly={{ y: -100 }}>
 		<div
 			class="flex items-center p-4 w-full max-w-xs text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
 			role="alert"
 		>
-			<div class="ml-3 text-sm font-normal">ID copied to clipboard!</div>
+			<div class="ml-3 text-sm font-normal">
+				{#if copy_toast_open}ID copied to clipboard!
+				{:else}A game is currently in the lobby. Click <a
+						class="underline"
+						href="/remote?game_pin={game_in_lobby.game_pin}&game_id={game_in_lobby.game_id}"
+						>here</a
+					> to join as a remote.
+				{/if}
+			</div>
 			<button
 				type="button"
 				class="ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700"
@@ -67,6 +86,7 @@
 				aria-label="Close"
 				on:click={() => {
 					copy_toast_open = false;
+					game_in_lobby = undefined;
 				}}
 			>
 				<span class="sr-only">Close</span>