diff --git a/apps/client/src/widgets/collections/presentation/index.tsx b/apps/client/src/widgets/collections/presentation/index.tsx index 0934108521..adb45e9c89 100644 --- a/apps/client/src/widgets/collections/presentation/index.tsx +++ b/apps/client/src/widgets/collections/presentation/index.tsx @@ -2,7 +2,7 @@ import "./index.css"; import { RefObject } from "preact"; import { useEffect, useLayoutEffect, useRef, useState } from "preact/hooks"; -import Reveal from "reveal.js"; +import Reveal, { RevealApi } from "reveal.js"; import slideBaseStylesheet from "reveal.js/dist/reveal.css?raw"; import { openInCurrentNoteContext } from "../../../components/note_context"; @@ -20,7 +20,7 @@ import { DEFAULT_THEME, loadPresentationTheme } from "./themes"; export default function PresentationView({ note, noteIds, media, onReady, onProgressChanged }: ViewModeProps<{}>) { const [ presentation, setPresentation ] = useState(); const containerRef = useRef(null); - const [ api, setApi ] = useState(); + const [ api, setApi ] = useState(); const stylesheets = usePresentationStylesheets(note, media); function refresh() { @@ -98,7 +98,7 @@ function usePresentationStylesheets(note: FNote, media: ViewModeMedia) { return stylesheets; } -function ButtonOverlay({ containerRef, api }: { containerRef: RefObject, api: Reveal.Api | undefined }) { +function ButtonOverlay({ containerRef, api }: { containerRef: RefObject, api: RevealApi | undefined }) { const [ isOverviewActive, setIsOverviewActive ] = useState(false); useEffect(() => { if (!api) return; @@ -144,9 +144,9 @@ function ButtonOverlay({ containerRef, api }: { containerRef: RefObject void }) { +function Presentation({ presentation, setApi } : { presentation: PresentationModel, setApi: (api: RevealApi | undefined) => void }) { const containerRef = useRef(null); - const [revealApi, setRevealApi] = useState(); + const [revealApi, setRevealApi] = useState(); useEffect(() => { if (!containerRef.current) return; @@ -222,7 +222,7 @@ function getNoteIdFromSlide(slide: HTMLElement | undefined) { return slide.dataset.noteId; } -function rewireLinks(container: HTMLElement, api: Reveal.Api) { +function rewireLinks(container: HTMLElement, api: RevealApi) { const links = container.querySelectorAll("a.reference-link"); for (const link of links) { link.addEventListener("click", () => {