From 8fd75ffbfda30edd5a134a1fbf9b81ac3cebb2ff Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 24 Jul 2023 00:42:00 +0000
Subject: [PATCH] support attachments folder

---
 quartz/components/pages/TagContent.tsx |   30 ++++++++++++++++--------------
 1 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/quartz/components/pages/TagContent.tsx b/quartz/components/pages/TagContent.tsx
index 81e8de2..6a3d827 100644
--- a/quartz/components/pages/TagContent.tsx
+++ b/quartz/components/pages/TagContent.tsx
@@ -1,33 +1,35 @@
 import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
-import { Fragment, jsx, jsxs } from 'preact/jsx-runtime'
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime"
 import { toJsxRuntime } from "hast-util-to-jsx-runtime"
-import style from '../styles/listPage.scss'
+import style from "../styles/listPage.scss"
 import { PageList } from "../PageList"
-import { clientSideSlug } from "../../path"
+import { ServerSlug, canonicalizeServer } from "../../path"
 
 function TagContent(props: QuartzComponentProps) {
   const { tree, fileData, allFiles } = props
   const slug = fileData.slug
 
   if (slug?.startsWith("tags/")) {
-    const tag = clientSideSlug(slug.slice("tags/".length))
-    const allPagesWithTag = allFiles.filter(file => (file.frontmatter?.tags ?? []).includes(tag))
+    const tag = canonicalizeServer(slug.slice("tags/".length) as ServerSlug)
+    const allPagesWithTag = allFiles.filter((file) => (file.frontmatter?.tags ?? []).includes(tag))
     const listProps = {
       ...props,
-      allFiles: allPagesWithTag
+      allFiles: allPagesWithTag,
     }
 
     // @ts-ignore
-    const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' })
-    return <div class="popover-hint">
-      <article>{content}</article>
-      <p>{allPagesWithTag.length} items with this tag.</p>
-      <div>
-        <PageList {...listProps} />
+    const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: "html" })
+    return (
+      <div class="popover-hint">
+        <article>{content}</article>
+        <p>{allPagesWithTag.length} items with this tag.</p>
+        <div>
+          <PageList {...listProps} />
+        </div>
       </div>
-    </div>
+    )
   } else {
-    throw `Component "TagContent" tried to render a non-tag page: ${slug}`
+    throw new Error(`Component "TagContent" tried to render a non-tag page: ${slug}`)
   }
 }
 

--
Gitblit v1.10.0