From 8139a3f60b3544a8992d97b8b9d49520b28270bd Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Sat, 15 Apr 2023 20:37:26 +0200
Subject: [PATCH] add empty state for runners_laptime

---
 src/Beamershow.svelte | 92 ++++++++++++++++++++++---------------------
 1 file changed, 48 insertions(+), 44 deletions(-)

diff --git a/src/Beamershow.svelte b/src/Beamershow.svelte
index 2d98d2e..d217e92 100644
--- a/src/Beamershow.svelte
+++ b/src/Beamershow.svelte
@@ -241,51 +241,55 @@
           >
             {$_("top-laeufer")} ({$_("rundenzeit")})
           </h1>
-          <table class="table p-4 bg-white shadow rounded-lg w-full">
-            <thead>
-              <tr>
-                <th
-                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-                >
-                  {$_("platz")}
-                </th>
-                <th
-                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-                >
-                  {$_("laeufer")}
-                </th>
-                <th
-                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-                >
-                  {$_("organisation")}
-                </th>
-                <th
-                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-                >
-                  {$_("schnellste-rundenzeit")}
-                </th>
-              </tr>
-            </thead>
-            <tbody>
-              {#each runners_by_laptime as r, i}
-                <tr class="text-gray-700">
-                  <td class="border p-4 dark:border-dark-5">
-                    {i + 1}
-                  </td>
-                  <td class="border p-4 dark:border-dark-5">
-                    {r.firstname}
-                    {r.lastname}
-                  </td>
-                  <td class="border p-4 dark:border-dark-5">
-                    {r.group.name}
-                  </td>
-                  <td class="border p-4 dark:border-dark-5">
-                    {format_laptime(r.minLaptime)}
-                  </td>
+          {#if runners_by_laptime.length === 0}
+            <p class="w-full text-center text-3xl">Noch keine Daten...</p>
+          {:else}
+            <table class="table p-4 bg-white shadow rounded-lg w-full">
+              <thead>
+                <tr>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("platz")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("laeufer")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("organisation")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("schnellste-rundenzeit")}
+                  </th>
                 </tr>
-              {/each}
-            </tbody>
-          </table>
+              </thead>
+              <tbody>
+                {#each runners_by_laptime as r, i}
+                  <tr class="text-gray-700">
+                    <td class="border p-4 dark:border-dark-5">
+                      {i + 1}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {r.firstname}
+                      {r.lastname}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {r.group.name}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {format_laptime(r.minLaptime)}
+                    </td>
+                  </tr>
+                {/each}
+              </tbody>
+            </table>
+          {/if}
         </div>
       {:else if current_page === "orgs_distance"}
         <div transition:slide|local>