Home: ignore paging for trending panel

src/timelines/Home.tsx

@@ -9,6 +9,8 @@ import {
   type ParentComponent,
   children,
   Suspense,
+  Match,
+  Switch as JsSwitch
 } from "solid-js";
 import { useDocumentTitle } from "../utils";
 import { type mastodon } from "masto";
@@ -49,6 +51,7 @@ const TimelinePanel: Component<{
   client: mastodon.rest.Client;
   name: "home" | "public" | "trends";
   prefetch?: boolean;
+  fullRefetch?: number;
 
   openFullScreenToot: (
     toot: mastodon.v1.Status,
@@ -60,10 +63,12 @@ const TimelinePanel: Component<{
     timeline,
     snapshot,
     { refetch: refetchTimeline, mutate: mutateTimeline },
-  ] = useTimeline(() =>
-    props.name !== "trends"
-      ? props.client.v1.timelines[props.name]
-      : props.client.v1.trends.statuses,
+  ] = useTimeline(
+    () =>
+      props.name !== "trends"
+        ? props.client.v1.timelines[props.name]
+        : props.client.v1.trends.statuses,
+    { fullRefresh: props.fullRefetch },
   );
   const [expandedThreadId, setExpandedThreadId] = createSignal<string>();
 
@@ -176,15 +181,26 @@ const TimelinePanel: Component<{
           "justify-content": "center",
         }}
       >
-        <Button
-          variant="contained"
-          onClick={[refetchTimeline, "old"]}
-          disabled={snapshot.loading}
-        >
-          <Show when={snapshot.error} fallback={<>Load More</>}>
-            Retry
-          </Show>
-        </Button>
+        <JsSwitch>
+          <Match when={snapshot.error}>
+            <Button
+              variant="contained"
+              onClick={[refetchTimeline, "old"]}
+              disabled={snapshot.loading}
+            >
+              Retry
+            </Button>
+          </Match>
+          <Match when={typeof props.fullRefetch === "undefined"}>
+            <Button
+              variant="contained"
+              onClick={[refetchTimeline, "old"]}
+              disabled={snapshot.loading}
+            >
+              Load More
+            </Button>
+          </Match>
+        </JsSwitch>
       </div>
     </>
   );
@@ -403,6 +419,7 @@ const Home: ParentComponent = (props) => {
                   name="trends"
                   prefetch={prefetching()}
                   openFullScreenToot={openFullScreenToot}
+                  fullRefetch={120}
                 />
               </div>
             </div>