Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 10:26:08 +01:00
Code Issues Packages Projects Releases Activity

chore(react): use different injection mechanism

Browse Source
This commit is contained in:
Elian Doran
2025-08-22 23:24:00 +03:00
parent 7fadf4c6e1
commit 4bd25a0d4a
1 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/client/src/widgets/react/hooks.tsx
View File

@@ -417,17 +417,27 @@ export function useNoteBlob(note: FNote | null | undefined): [ FBlob | null | un
export function useLegacyWidget(widgetFactory: () => BasicWidget, { noteContext }: {
noteContext?: NoteContext;
} = {}) {
const ref = useRef<HTMLDivElement>(null);
const widget = useMemo(widgetFactory, []);
const parentComponent = useContext(ParentComponent);
useEffect(() => {
if (!ref.current) return;
const $container = $(ref.current);
$container.empty();
widget.render().appendTo($container);
if (noteContext && widget instanceof NoteContextAwareWidget) {
console.log("Injecting note context", noteContext);
widget.setNoteContextEvent({ noteContext });
widget.activeContextChangedEvent({ noteContext });
}
}, [ widget ]);
if (parentComponent) {
parentComponent.child(widget);
}
if (noteContext && widget instanceof NoteContextAwareWidget) {
console.log("Inject!");
widget.setNoteContextEvent({ noteContext });
}
return <RawHtml html={widget.render()} />
return <div ref={ref} />
}