From d6cfdf66c64538ee33c8ff46d3d33e2cb44f1322 Mon Sep 17 00:00:00 2001
From: Mark Hoekveen <mark@hoekveen.net>
Date: Sun, 17 Aug 2025 21:56:16 +0200
Subject: [PATCH] adds loading text to lobby

---
 frontend/src/app/lobby/page.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/lobby/page.tsx b/frontend/src/app/lobby/page.tsx
index 90af87a..7e1a8d1 100644
--- a/frontend/src/app/lobby/page.tsx
+++ b/frontend/src/app/lobby/page.tsx
@@ -353,7 +353,7 @@ export default function Lobby() {
               ))}{" "}
             </div>
           </div>
-          {!songLoading && currentSong && (
+          {!songLoading && currentSong ? (
             <div className="flex flex-col items-center justify-start">
               <h2
                 className={`${nunito.className} text-outline text-[42px] tracking-tighter text-yellow-500`}
@@ -366,6 +366,19 @@ export default function Lobby() {
                 {currentSong.name}
               </h2>
             </div>
+          ) : (
+            <div className="flex flex-col items-center justify-start">
+              <h2
+                className={`${nunito.className} text-outline text-[42px] tracking-tighter text-yellow-500`}
+              >
+                Loading
+              </h2>
+              <h2
+                className={`${nunito.className} text-outline text-[42px] tracking-tighter text-yellow-500`}
+              >
+                ...
+              </h2>
+            </div>
           )}
         </div>