Jacky Zhao
2024-03-18 daa8796554dea41d6fbf81f4eccea58153a4e850
quartz/components/pages/TagContent.tsx
@@ -1,4 +1,4 @@
import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types"
import style from "../styles/listPage.scss"
import { PageList } from "../PageList"
import { FullSlug, getAllSegmentPrefixes, simplifySlug } from "../../util/path"
@@ -8,7 +8,7 @@
import { i18n } from "../../i18n"
const numPages = 10
function TagContent(props: QuartzComponentProps) {
const TagContent: QuartzComponent = (props: QuartzComponentProps) => {
  const { tree, fileData, allFiles, cfg } = props
  const slug = fileData.slug
@@ -52,13 +52,19 @@
              allFiles: pages,
            }
            const contentPage = allFiles.filter((file) => file.slug === `tags/${tag}`)[0]
            const content = contentPage?.description
            const contentPage = allFiles.filter((file) => file.slug === `tags/${tag}`).at(0)
            const root = contentPage?.htmlAst
            const content =
              !root || root?.children.length === 0
                ? contentPage?.description
                : htmlToJsx(contentPage.filePath!, root)
            return (
              <div>
                <h2>
                  <a class="internal tag-link" href={`../tags/${tag}`}>
                    #{tag}
                    {tag}
                  </a>
                </h2>
                {content && <p>{content}</p>}