src/masto/timelines.ts

@@ -38,6 +38,7 @@ export function useTimeline(
     async ([tl], info) => {
       let tlChanged = false;
       if (otl !== tl) {
+        console.debug("timeline reset");
         npager = opager = undefined;
         otl = tl;
         tlChanged = true;

src/timelines/Home.tsx

@@ -11,7 +11,7 @@ import {
   Suspense,
   Match,
   Switch as JsSwitch,
-  ErrorBoundary,
+  ErrorBoundary
 } from "solid-js";
 import { useDocumentTitle } from "../utils";
 import { type mastodon } from "masto";
@@ -126,11 +126,9 @@ const TimelinePanel: Component<{
   };
 
   return (
-    <ErrorBoundary
+    <ErrorBoundary fallback={(err, reset) => {
-      fallback={(err, reset) => {
+      return <p>Oops: {String(err)}</p>
-        return <p>Oops: {String(err)}</p>;
+    }}>
-      }}
-    >
       <PullDownToRefresh
         linkedElement={scrollLinked()}
         loading={snapshot.loading}
@@ -406,42 +404,40 @@ const Home: ParentComponent = (props) => {
         }
       >
         <TimeSourceProvider value={now}>
-          <Show when={!!client()}>
+          <div class="panel-list" ref={panelList!}>
-            <div class="panel-list" ref={panelList!}>
+            <div class="tab-panel">
-              <div class="tab-panel">
+              <div>
-                <div>
+                <TimelinePanel
-                  <TimelinePanel
+                  client={client()}
-                    client={client()}
+                  name="home"
-                    name="home"
+                  prefetch={prefetching()}
-                    prefetch={prefetching()}
+                  openFullScreenToot={openFullScreenToot}
-                    openFullScreenToot={openFullScreenToot}
+                />
-                  />
-                </div>
               </div>
-              <div class="tab-panel">
-                <div>
-                  <TimelinePanel
-                    client={client()}
-                    name="trends"
-                    prefetch={prefetching()}
-                    openFullScreenToot={openFullScreenToot}
-                    fullRefetch={120}
-                  />
-                </div>
-              </div>
-              <div class="tab-panel">
-                <div>
-                  <TimelinePanel
-                    client={client()}
-                    name="public"
-                    prefetch={prefetching()}
-                    openFullScreenToot={openFullScreenToot}
-                  />
-                </div>
-              </div>
-              <div></div>
             </div>
-          </Show>
+            <div class="tab-panel">
+              <div>
+                <TimelinePanel
+                  client={client()}
+                  name="trends"
+                  prefetch={prefetching()}
+                  openFullScreenToot={openFullScreenToot}
+                  fullRefetch={120}
+                />
+              </div>
+            </div>
+            <div class="tab-panel">
+              <div>
+                <TimelinePanel
+                  client={client()}
+                  name="public"
+                  prefetch={prefetching()}
+                  openFullScreenToot={openFullScreenToot}
+                />
+              </div>
+            </div>
+            <div></div>
+          </div>
         </TimeSourceProvider>
         <Suspense>
           <HeroSourceProvider value={[heroSrc, setHeroSrc]}>