fix(app): defer diff rendering

1 files changed, 4 insertions, 7 deletions

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