Przeglądaj źródła

fix(app): defer diff rendering

Adam 1 miesiąc temu
rodzic
commit
502dbb65fc
1 zmienionych plików z 4 dodań i 7 usunięć
  1. 4 7
      packages/app/src/pages/session.tsx

+ 4 - 7
packages/app/src/pages/session.tsx

@@ -416,15 +416,15 @@ export default function Page() {
     mobileTab: "session" as "session" | "changes",
     mobileTab: "session" as "session" | "changes",
     changes: "session" as "session" | "turn",
     changes: "session" as "session" | "turn",
     newSessionWorktree: "main",
     newSessionWorktree: "main",
+    deferRender: false,
   })
   })
 
 
-  const [deferRender, setDeferRender] = createSignal(false)
   createComputed((prev) => {
   createComputed((prev) => {
     const key = sessionKey()
     const key = sessionKey()
     if (key !== prev) {
     if (key !== prev) {
-      setDeferRender(true)
+      setStore("deferRender", true)
       requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        setTimeout(() => setDeferRender(false), 0)
+        setTimeout(() => setStore("deferRender", false), 0)
       })
       })
     }
     }
     return key
     return key
@@ -736,10 +736,7 @@ export default function Page() {
     loadingClass: string
     loadingClass: string
     emptyClass: string
     emptyClass: string
   }) => (
   }) => (
-    <Show
-      when={!deferRender()}
-      fallback={<div class={input.loadingClass}>{language.t("session.review.loadingChanges")}</div>}
-    >
+    <Show when={!store.deferRender}>
       <Switch>
       <Switch>
         <Match when={store.changes === "turn" && !!params.id}>
         <Match when={store.changes === "turn" && !!params.id}>
           <SessionReviewTab
           <SessionReviewTab