From f72adcb6d3be5f6ffbc7fa5d92b6a2734c122199 Mon Sep 17 00:00:00 2001
From: buttercat1791 <mjjurkoic@gmail.com>
Date: Tue, 6 May 2025 21:48:53 -0500
Subject: [PATCH] Display a "Load More" button if load-on-scroll fails

---
 src/lib/components/Publication.svelte | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Publication.svelte b/src/lib/components/Publication.svelte
index ffb2f28..eaf3559 100644
--- a/src/lib/components/Publication.svelte
+++ b/src/lib/components/Publication.svelte
@@ -167,8 +167,8 @@
 </script>
 
 <!-- TODO: Keep track of already-loaded leaves. -->
+<!-- TODO: Determine when we've reached the end of the document. -->
 <!-- TODO: Handle entering mid-document and scrolling up. -->
-<!-- TODO: Make loading more gradual. -->
 
 {#if showTocButton && !showToc}
   <!-- <Button
@@ -215,6 +215,18 @@
       />
     {/if}
   {/each}
+  <!-- TODO: Hide the button if there are no more leaves to load. -->
+  <div class="flex justify-center my-4">
+    {#if isLoading}
+      <Button disabled color="primary">
+        Loading...
+      </Button>
+    {:else}
+      <Button color="primary" on:click={() => loadMore(1)}>
+        Show More
+      </Button>
+    {/if}
+  </div>
 </div>
 
 <style>