From f9754cd82d61925396530482bfcc37f8984b5347 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 15 Oct 2025 19:49:25 +0300
Subject: [PATCH] chore(collection/presentation): render note content

---
 apps/client/src/widgets/collections/presentation/index.tsx | 4 +---
 apps/client/src/widgets/collections/presentation/model.ts  | 6 ++++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/widgets/collections/presentation/index.tsx b/apps/client/src/widgets/collections/presentation/index.tsx
index 7d57ef573..b3d96d69d 100644
--- a/apps/client/src/widgets/collections/presentation/index.tsx
+++ b/apps/client/src/widgets/collections/presentation/index.tsx
@@ -53,10 +53,8 @@ function Presentation({ presentation } : { presentation: PresentationModel }) {
 }
 
 function Slide({ slide }: { slide: PresentationSlideModel }) {
-    const containerRef = useRef<HTMLDivElement>(null);
-
     return (
-        <section ref={containerRef}>
+        <section dangerouslySetInnerHTML={slide.content}>
             {slide.content}
         </section>
     );
diff --git a/apps/client/src/widgets/collections/presentation/model.ts b/apps/client/src/widgets/collections/presentation/model.ts
index a7108a5d6..c87a8c9d6 100644
--- a/apps/client/src/widgets/collections/presentation/model.ts
+++ b/apps/client/src/widgets/collections/presentation/model.ts
@@ -1,7 +1,7 @@
 import FNote from "../../../entities/fnote";
 
 export interface PresentationSlideModel {
-    content: string;
+    content: { __html: string; };
 }
 
 export interface PresentationModel {
@@ -15,7 +15,9 @@ export async function buildPresentationModel(note: FNote): Promise<PresentationM
 
     for (const slideNote of slideNotes) {
         slides.push({
-            content: await slideNote.getContent() ?? ""
+            content: {
+                __html: await slideNote.getContent() ?? ""
+            }
         })
     }