From 0577b6f189cdd49c135c48e990c8c6e9fa21a6ee Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Thu, 28 Mar 2024 22:22:26 -0400
Subject: [PATCH] Only watch in auto mode

---
 src/lib/components/documents/ResultsList.svelte      | 12 ++++++++----
 .../documents/stories/ResultsList.stories.svelte     |  4 ++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/documents/ResultsList.svelte b/src/lib/components/documents/ResultsList.svelte
index c85707982..f07bfa7e6 100644
--- a/src/lib/components/documents/ResultsList.svelte
+++ b/src/lib/components/documents/ResultsList.svelte
@@ -42,7 +42,7 @@
     count = r.count;
     next = r.next;
     loading = false;
-    watch();
+    if (auto) watch();
   }
 
   function watch() {
@@ -91,9 +91,13 @@
   {/each}
   <div class="end" bind:this={end}>
     {#if next}
-      <Button disabled={loading} on:click={(e) => load(new URL(next))}
-        >Load more</Button
-      >
+      <Button disabled={loading} on:click={(e) => load(new URL(next))}>
+        {#if loading}
+          Loading ...
+        {:else}
+          Load more
+        {/if}
+      </Button>
     {/if}
   </div>
 </div>
diff --git a/src/lib/components/documents/stories/ResultsList.stories.svelte b/src/lib/components/documents/stories/ResultsList.stories.svelte
index 360d7dc3b..9e31ad2a5 100644
--- a/src/lib/components/documents/stories/ResultsList.stories.svelte
+++ b/src/lib/components/documents/stories/ResultsList.stories.svelte
@@ -24,3 +24,7 @@
 <Story name="Empty">
   <div style="width: 36rem"><ResultsList /></div>
 </Story>
+
+<Story name="Infinite">
+  <div style="width: 36rem"><ResultsList {results} {count} {next} auto /></div>
+</Story>