From b42322807729775cb2a5dd2155bcac77ad460711 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Wed, 29 May 2024 16:37:33 +0200
Subject: [PATCH] [frontend] Add ScrollEnd Component

---
 Iceshrimp.Frontend/Components/ScrollEnd.razor | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 Iceshrimp.Frontend/Components/ScrollEnd.razor

diff --git a/Iceshrimp.Frontend/Components/ScrollEnd.razor b/Iceshrimp.Frontend/Components/ScrollEnd.razor
new file mode 100644
index 00000000..818d97b2
--- /dev/null
+++ b/Iceshrimp.Frontend/Components/ScrollEnd.razor
@@ -0,0 +1,20 @@
+@using Ljbc1994.Blazor.IntersectionObserver.API
+@using Ljbc1994.Blazor.IntersectionObserver.Components
+
+<IntersectionObserve OnChange="entry => OnChange(entry)">
+    <div @ref="context.Ref.Current" class="@Class"><button @onclick="ManualLoad">Load More</button></div>
+</IntersectionObserve>
+
+@code {
+    [Parameter, EditorRequired] public EventCallback IntersectionChange { get; set; }
+    [Parameter, EditorRequired] public EventCallback ManualLoad         { get; set; }
+    [Parameter]                 public string?       Class              { get; set; }
+
+    private async Task OnChange(IntersectionObserverEntry entry)
+    {
+        if (entry.IsIntersecting)
+        {
+            await IntersectionChange.InvokeAsync();
+        }
+    }
+}
\ No newline at end of file