From f8f07e9015a3779031f757193fe13968a2c06ccd Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Sun, 27 Oct 2024 00:29:14 +0800
Subject: [PATCH] TrendTimelinePanel: remove prefetching

---
 src/timelines/TrendTimelinePanel.tsx | 26 ++------------------------
 1 file changed, 2 insertions(+), 24 deletions(-)

diff --git a/src/timelines/TrendTimelinePanel.tsx b/src/timelines/TrendTimelinePanel.tsx
index a2370e8..ef4c360 100644
--- a/src/timelines/TrendTimelinePanel.tsx
+++ b/src/timelines/TrendTimelinePanel.tsx
@@ -1,9 +1,7 @@
 import {
   Component,
   For,
-  onCleanup,
   createSignal,
-  untrack,
   Match,
   Switch as JsSwitch,
   ErrorBoundary,
@@ -18,7 +16,6 @@ import Thread from "./Thread.jsx";
 
 const TrendTimelinePanel: Component<{
   client: mastodon.rest.Client;
-  prefetch?: boolean;
 
   openFullScreenToot: (
     toot: mastodon.v1.Status,
@@ -37,13 +34,6 @@ const TrendTimelinePanel: Component<{
   );
   const [expandedId, setExpandedId] = createSignal<string>();
 
-  const tlEndObserver = new IntersectionObserver(() => {
-    if (untrack(() => props.prefetch) && !snapshot.loading)
-      refetchTimeline();
-  });
-
-  onCleanup(() => tlEndObserver.disconnect());
-
   const isExpandedId = createSelector(expandedId);
 
   const isExpanded = (st: mastodon.v1.Status) => isExpandedId(st.id);
@@ -123,7 +113,7 @@ const TrendTimelinePanel: Component<{
                 toots={item}
                 onBoost={(...args) => onBoost(index(), ...args)}
                 onBookmark={(...args) => onBookmark(index(), ...args)}
-                onReply={(client, status) =>
+                onReply={({ status }, element) =>
                   props.openFullScreenToot(status, element, true)
                 }
                 client={props.client}
@@ -140,8 +130,6 @@ const TrendTimelinePanel: Component<{
           }}
         </For>
       </div>
-
-      <div ref={(e) => tlEndObserver.observe(e)}></div>
       <div
         style={{
           display: "flex",
@@ -149,7 +137,7 @@ const TrendTimelinePanel: Component<{
           "align-items": "center",
           "justify-content": "center",
           "flex-flow": "column",
-          gap: "20px"
+          gap: "20px",
         }}
       >
         <JsSwitch>
@@ -162,16 +150,6 @@ const TrendTimelinePanel: Component<{
             >
               Retry
             </Button>
-
-          </Match>
-          <Match when={true}>
-            <Button
-              variant="contained"
-              onClick={[refetchTimeline, undefined]}
-              disabled={snapshot.loading}
-            >
-              Refresh
-            </Button>
           </Match>
         </JsSwitch>
       </div>