From d90043e58661bd7277c4c182cda39bd408a9d5cc Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 5 Oct 2025 16:42:58 +0300
Subject: [PATCH] chore(react/type_widgets): bring back launch bar fixed effect

---
 apps/client/src/widgets/NoteDetail.tsx     | 8 ++++++++
 apps/client/src/widgets/note_detail.ts.bak | 5 -----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/widgets/NoteDetail.tsx b/apps/client/src/widgets/NoteDetail.tsx
index a5a7c037c..db936228d 100644
--- a/apps/client/src/widgets/NoteDetail.tsx
+++ b/apps/client/src/widgets/NoteDetail.tsx
@@ -8,6 +8,7 @@ import { TypeWidgetProps } from "./type_widgets/type_widget";
 import "./NoteDetail.css";
 import attributes from "../services/attributes";
 import { ExtendedNoteType, TYPE_MAPPINGS } from "./note_types";
+import { isMobile } from "../services/utils";
 
 /**
  * The note detail is in charge of rendering the content of a note, by determining its type (e.g. text, code) and using the appropriate view widget.
@@ -95,6 +96,13 @@ export default function NoteDetail() {
         }
     });
 
+    // Fixed tree for launch bar config on mobile.
+    useEffect(() => {
+        if (!isMobile) return;
+        const hasFixedTree = noteContext?.hoistedNoteId === "_lbMobileRoot";
+        document.body.classList.toggle("force-fixed-tree", hasFixedTree);
+    }, [ note ]);
+
     return (
         <div class={`note-detail ${isFullHeight ? "full-height" : ""}`}>
             {Object.entries(noteTypesToRender.current).map(([ type, Element ]) => {
diff --git a/apps/client/src/widgets/note_detail.ts.bak b/apps/client/src/widgets/note_detail.ts.bak
index e201a9fed..ecb321603 100644
--- a/apps/client/src/widgets/note_detail.ts.bak
+++ b/apps/client/src/widgets/note_detail.ts.bak
@@ -120,11 +120,6 @@ export default class NoteDetailWidget extends NoteContextAwareWidget {
         }
 
         this.checkFullHeight();
-
-        if (utils.isMobile()) {
-            const hasFixedTree = this.noteContext?.hoistedNoteId === "_lbMobileRoot";
-            $("body").toggleClass("force-fixed-tree", hasFixedTree);
-        }
     }
 
     /**