Only watch in auto mode

MuckRock · Mar 29, 2024 · 0577b6f · 0577b6f
1 parent c200231
commit 0577b6f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git 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
@@ -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>