chore: empty rooms list

src/components/Rooms.tsx

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