From e98d97a271857efe14e6f15d8971d452b2d1a2d5 Mon Sep 17 00:00:00 2001
From: Felix Nie <hongtuo.nie@u.nus.edu>
Date: Wed, 07 May 2025 19:56:18 +0000
Subject: [PATCH] feat(i18n): readermode translations and icon (#1961)
---
quartz/components/pages/Content.tsx | 17 +++++++++--------
1 files changed, 9 insertions(+), 8 deletions(-)
diff --git a/quartz/components/pages/Content.tsx b/quartz/components/pages/Content.tsx
index 7856d6e..e21aad7 100644
--- a/quartz/components/pages/Content.tsx
+++ b/quartz/components/pages/Content.tsx
@@ -1,11 +1,12 @@
-import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
-import { Fragment, jsx, jsxs } from 'preact/jsx-runtime'
-import { toJsxRuntime } from "hast-util-to-jsx-runtime"
+import { ComponentChildren } from "preact"
+import { htmlToJsx } from "../../util/jsx"
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types"
-function Content({ tree }: QuartzComponentProps) {
- // @ts-ignore (preact makes it angry)
- const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' })
- return <article>{content}</article>
+const Content: QuartzComponent = ({ fileData, tree }: QuartzComponentProps) => {
+ const content = htmlToJsx(fileData.filePath!, tree) as ComponentChildren
+ const classes: string[] = fileData.frontmatter?.cssclasses ?? []
+ const classString = ["popover-hint", ...classes].join(" ")
+ return <article class={classString}>{content}</article>
}
-export default (() => Content) satisfies QuartzComponentConstructor
\ No newline at end of file
+export default (() => Content) satisfies QuartzComponentConstructor
--
Gitblit v1.10.0