chore: empty rooms list

1 day ago · a02f32e024
parent e0780f4217
commit a02f32e024
1 changed files with 18 additions and 14 deletions
--- 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>
    )
 }