From 344607d437554273cb414f4d02bc8d0b8ca4513b Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 21 Sep 2025 22:33:11 +0300
Subject: [PATCH] chore(react/type_widgets): get render to work

---
 apps/client/src/widgets/type_widgets/Render.tsx    | 13 ++++++++++---
 apps/client/src/widgets/type_widgets_old/render.ts |  6 ------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/Render.tsx b/apps/client/src/widgets/type_widgets/Render.tsx
index 5959f1719..c76113e6d 100644
--- a/apps/client/src/widgets/type_widgets/Render.tsx
+++ b/apps/client/src/widgets/type_widgets/Render.tsx
@@ -6,15 +6,22 @@ import Alert from "../react/Alert";
 import "./Render.css";
 import { t } from "../../services/i18n";
 import RawHtml from "../react/RawHtml";
+import { useTriliumEvent } from "../react/hooks";
 
-export default function Render({ note }: TypeWidgetProps) {
+export default function Render({ note, noteContext }: TypeWidgetProps) {
     const contentRef = useRef<HTMLDivElement>(null);
     const [ renderNotesFound, setRenderNotesFound ] = useState(false);
 
-    useEffect(() => {
+    function refresh() {
         if (!contentRef) return;
         render.render(note, refToJQuerySelector(contentRef)).then(setRenderNotesFound);
-    }, [ note ]);
+    }
+
+    useEffect(refresh, [ note ]);
+    useTriliumEvent("renderActiveNote", () => {
+        if (noteContext?.isActive()) return;
+        refresh();
+    });
 
     return (
         <div className="note-detail-render note-detail-printable">
diff --git a/apps/client/src/widgets/type_widgets_old/render.ts b/apps/client/src/widgets/type_widgets_old/render.ts
index 9516aeee4..12c4053b6 100644
--- a/apps/client/src/widgets/type_widgets_old/render.ts
+++ b/apps/client/src/widgets/type_widgets_old/render.ts
@@ -32,12 +32,6 @@ export default class RenderTypeWidget extends TypeWidget {
         this.$noteDetailRenderContent.empty();
     }
 
-    renderActiveNoteEvent() {
-        if (this.noteContext?.isActive()) {
-            this.refresh();
-        }
-    }
-
     async executeWithContentElementEvent({ resolve, ntxId }: EventData<"executeWithContentElement">) {
         if (!this.isNoteContext(ntxId)) {
             return;