gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 07:08:55 +02:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

refactor(collection/presentation): use React way

Browse Source
This commit is contained in:
Elian Doran 2025-10-15 19:05:34 +03:00
parent 79a31421a4
commit 81b2b18eb7
No known key found for this signature in database
2 changed files with 17 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
apps/client/src/widgets/collections/presentation/index.tsx
View File

@ -1,16 +1,25 @@
import { useEffect, useRef, useState } from "preact/hooks";
import { ViewModeProps } from "../interface"; import { ViewModeProps } from "../interface";
import { buildPresentation } from "./slide_builder"; import FNote from "../../../entities/fnote";
import { useLayoutEffect, useState } from "preact/hooks";
export default function PresentationView({ note }: ViewModeProps<{}>) { export default function PresentationView({ note }: ViewModeProps<{}>) {
return note && (
<Presentation note={note} />
)
}
const containerRef = useRef<HTMLDivElement>(null); function Presentation({ note }: { note: FNote }) {
const [ slides, setSlides ] = useState<FNote[]>();
useEffect(() => { useLayoutEffect(() => {
buildPresentation(note).then(presentationEl => { note.getChildNotes().then(setSlides);
containerRef.current?.replaceChildren(presentationEl);
});
}, [ note ]); }, [ note ]);
return <div ref={containerRef} className="presentation" />; return (slides && slides?.map(slide => (
<Slide note={slide} />
)));
}
function Slide({ note }: { note: FNote }) {
return <p>{note.title}</p>
} }

13
apps/client/src/widgets/collections/presentation/slide_builder.ts
View File

@ -1,13 +0,0 @@
import FNote from "../../../entities/fnote";
export async function buildPresentation(parentNote: FNote) {
const slides = await parentNote.getChildNotes();
const rootElement = new DocumentFragment();
for (const slide of slides) {
const slideEl = document.createElement("div");
}
return rootElement;
}