From b8ce4c659cbc312a4ac34282f26a9c79f5b81c4c Mon Sep 17 00:00:00 2001
From: nyne <me@nyne.dev>
Date: Sun, 25 May 2025 22:38:13 +0800
Subject: [PATCH] Render iframe in resource introduction

---
 frontend/src/pages/resource_details_page.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/resource_details_page.tsx b/frontend/src/pages/resource_details_page.tsx
index 493b430..a62c06c 100644
--- a/frontend/src/pages/resource_details_page.tsx
+++ b/frontend/src/pages/resource_details_page.tsx
@@ -239,6 +239,19 @@ function Article({resource}: { resource: ResourceDetails }) {
 
   return <article>
     <Markdown components={{
+      "p": ({node, ...props}) => {
+        if (typeof props.children === "object" && (props.children as ReactElement).type === "strong") {
+          // @ts-ignore
+          const child = (props.children as ReactElement).props.children.toString()
+          if (child.startsWith("<iframe")) {
+            return <div dangerouslySetInnerHTML={{
+              // @ts-ignore
+              __html: (props.children as ReactElement).props.children
+            }}></div>
+          }
+        }
+        return <p {...props}>{props.children}</p>
+      },
       "a": ({node, ...props}) => {
         const href = props.href as string
         if (href.startsWith("https://store.steampowered.com/app/")) {
@@ -289,7 +302,7 @@ function Article({resource}: { resource: ResourceDetails }) {
             // @ts-ignore
             if (img.type === "img") {
               return <a className={"inline-block card card-border border-base-300 no-underline bg-base-200 hover:shadow transition-shadow"} target={"_blank"} href={href}>
-                <figure className={"max-h-72 max-w-96"}>
+                <figure className={"max-h-96"}>
                   {img}
                 </figure>
                 <div className={"card-body text-base-content text-lg"}>