From 9def0b27c9958c5c75466f56c17b6dc4d44d2b50 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 19:56:29 +0200
Subject: [PATCH] fix: formatting

---
 src/components/runners/RunnersOverview.svelte |   5 +-
 src/components/shared/TableBottom.svelte      | 134 +++++++++---------
 2 files changed, 69 insertions(+), 70 deletions(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index edd3832f..d4a3bf36 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -214,7 +214,7 @@
                 />
               </th>
               {#each headerGroup.headers as header}
-                <TableHeader {header}></TableHeader>
+                <TableHeader {header} />
               {/each}
             </tr>
           {/each}
@@ -245,7 +245,6 @@
       </table>
     </div>
     <div class="h-2" />
-
   {/if}
 {/if}
-<TableBottom {table} {selected}></TableBottom>
\ No newline at end of file
+<TableBottom {table} {selected} />
diff --git a/src/components/shared/TableBottom.svelte b/src/components/shared/TableBottom.svelte
index 33eb8ddf..1d6194fb 100644
--- a/src/components/shared/TableBottom.svelte
+++ b/src/components/shared/TableBottom.svelte
@@ -1,71 +1,71 @@
 <script>
-
-    export let table;
-    export let selected;
+  export let table;
+  export let selected;
 </script>
+
 <div class="flex items-center gap-2">
-    <button
-      class="border rounded p-1"
-      on:click={() => $table.setPageIndex(0)}
-      disabled={!$table.getCanPreviousPage()}
-    >
-      {"<<"}
-    </button>
-    <button
-      class="border rounded p-1"
-      on:click={() => $table.previousPage()}
-      disabled={!$table.getCanPreviousPage()}
-    >
-      {"<"}
-    </button>
-    <button
-      class="border rounded p-1"
-      on:click={() => $table.nextPage()}
-      disabled={!$table.getCanNextPage()}
-    >
-      {">"}
-    </button>
-    <button
-      class="border rounded p-1"
-      on:click={() => $table.setPageIndex($table.getPageCount() - 1)}
-      disabled={!$table.getCanNextPage()}
-    >
-      {">>"}
-    </button>
-    <span class="flex items-center gap-1">
-      <div>Page</div>
-      <strong>
-        {$table.getState().pagination.pageIndex + 1} of{" "}
-        {$table.getPageCount()}
-      </strong>
-    </span>
-    <span class="flex items-center gap-1">
-      | Go to page:
-      <input
-        type="number"
-        defaultValue={$table.getState().pagination.pageIndex + 1}
-        on:change={(e) => {
-          const page = e.target.value ? Number(e.target.value) - 1 : 0;
-          $table.setPageIndex(page);
-        }}
-        class="border p-1 rounded w-16"
-      />
-    </span>
-    <select
-      value={$table.getState().pagination.pageSize}
-      on:input={(e) => {
-        const ps = Number(e.target.value);
-        console.log({ ps });
-        $table.setPageSize(Number(e.target.value));
+  <button
+    class="border rounded p-1"
+    on:click={() => $table.setPageIndex(0)}
+    disabled={!$table.getCanPreviousPage()}
+  >
+    {"<<"}
+  </button>
+  <button
+    class="border rounded p-1"
+    on:click={() => $table.previousPage()}
+    disabled={!$table.getCanPreviousPage()}
+  >
+    {"<"}
+  </button>
+  <button
+    class="border rounded p-1"
+    on:click={() => $table.nextPage()}
+    disabled={!$table.getCanNextPage()}
+  >
+    {">"}
+  </button>
+  <button
+    class="border rounded p-1"
+    on:click={() => $table.setPageIndex($table.getPageCount() - 1)}
+    disabled={!$table.getCanNextPage()}
+  >
+    {">>"}
+  </button>
+  <span class="flex items-center gap-1">
+    <div>Page</div>
+    <strong>
+      {$table.getState().pagination.pageIndex + 1} of{" "}
+      {$table.getPageCount()}
+    </strong>
+  </span>
+  <span class="flex items-center gap-1">
+    | Go to page:
+    <input
+      type="number"
+      defaultValue={$table.getState().pagination.pageIndex + 1}
+      on:change={(e) => {
+        const page = e.target.value ? Number(e.target.value) - 1 : 0;
+        $table.setPageIndex(page);
       }}
-    >
-      {#each [25, 50, 100, 250, 500] as pageSize}
-        <option value={pageSize}>{pageSize}</option>
-      {/each}
-    </select>
-  </div>
-  <!-- <pre>{JSON.stringify($table.getState(), null, 2)}</pre> -->
-  <div>
-    {Object.keys(selected).length} of{" "}
-    {$table.getPreFilteredRowModel().rows.length} Total Rows Selected
-  </div>
\ No newline at end of file
+      class="border p-1 rounded w-16"
+    />
+  </span>
+  <select
+    value={$table.getState().pagination.pageSize}
+    on:input={(e) => {
+      const ps = Number(e.target.value);
+      console.log({ ps });
+      $table.setPageSize(Number(e.target.value));
+    }}
+  >
+    {#each [25, 50, 100, 250, 500] as pageSize}
+      <option value={pageSize}>{pageSize}</option>
+    {/each}
+  </select>
+</div>
+<!-- <pre>{JSON.stringify($table.getState(), null, 2)}</pre> -->
+<div>
+  {Object.keys(selected).length} of{" "}
+  {$table.getPreFilteredRowModel().rows.length} Total Rows Selected
+</div>