From a02f32e02472815108bc25394df336c39710c324 Mon Sep 17 00:00:00 2001
From: Antonio De Lucreziis <antonio.delucreziis@gmail.com>
Date: Fri, 22 Nov 2024 16:04:02 +0100
Subject: [PATCH] chore: empty rooms list

---
 src/components/Rooms.tsx | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/components/Rooms.tsx b/src/components/Rooms.tsx
index 798065d..26d5d69 100644
--- a/src/components/Rooms.tsx
+++ b/src/components/Rooms.tsx
@@ -14,21 +14,25 @@ export const Rooms = () => {
 
     return (
         <div class="stack-v">
-            {rooms.map((room, i) => (
-                <div class="card tint-green stack-v center">
-                    <div class="fill-w stack-h center" key={i}>
-                        <code>{room.id}</code>
-                        <div class="fill"></div>
-                        <button
-                            onClick={() => {
-                                location.href = `/${room.id}`
-                            }}
-                        >
-                            Classifica
-                        </button>
+            {rooms.length === 0 ? (
+                <div>Ancora nessuna gara</div>
+            ) : (
+                rooms.map((room, i) => (
+                    <div class="card tint-green stack-v center">
+                        <div class="fill-w stack-h center" key={i}>
+                            <code>{room.id}</code>
+                            <div class="fill"></div>
+                            <button
+                                onClick={() => {
+                                    location.href = `/${room.id}`
+                                }}
+                            >
+                                Classifica
+                            </button>
+                        </div>
                     </div>
-                </div>
-            ))}
+                ))
+            )}
         </div>
     )
 }