From 3de7b632e058e9ca9ab951de9e86cc2a40eceb68 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Wed, 12 Apr 2023 16:03:20 +0200
Subject: [PATCH] Moved sort onclick to header only

---
 src/components/runners/RunnersOverview.svelte | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 89739a89..4a96f5dd 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -35,7 +35,7 @@
     {
       accessorKey: "distance",
       header: () => "distance",
-      filterFn: `equals`,
+      canFilter: false,
     },
   ];
 
@@ -129,19 +129,21 @@
         {#each $table.getHeaderGroups() as headerGroup}
           <tr>
             {#each headerGroup.headers as header}
-              <th on:click={header.column.getToggleSortingHandler()}>
+              <th>
                 {#if !header.isPlaceholder}
-                  <svelte:component
-                    this={flexRender(
-                      header.column.columnDef.header,
-                      header.getContext()
-                    )}
-                  />
-                  {#if header.column.getIsSorted().toString() == "asc"}
-                    🔼
-                  {:else if header.column.getIsSorted().toString() == "desc"}
-                    🔽
-                  {/if}
+                  <div on:click={header.column.getToggleSortingHandler()}>
+                    <svelte:component
+                      this={flexRender(
+                        header.column.columnDef.header,
+                        header.getContext()
+                      )}
+                    />
+                    {#if header.column.getIsSorted().toString() == "asc"}
+                      🔼
+                    {:else if header.column.getIsSorted().toString() == "desc"}
+                      🔽
+                    {/if}
+                  </div>
                 {/if}
                 {#if header.column.getCanFilter()}
                   <div class="relative max-w-xs">