| | |
|---|
| | | import { toJsxRuntime } from "hast-util-to-jsx-runtime" |
|---|
| | | import style from '../styles/listPage.scss' |
|---|
| | | import { PageList } from "../PageList" |
|---|
| | | import { clientSideSlug } from "../../path" |
|---|
| | | import { toServerSlug } 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 tag = toServerSlug(slug.slice("tags/".length)) |
|---|
| | | const allPagesWithTag = allFiles.filter(file => (file.frontmatter?.tags ?? []).includes(tag)) |
|---|
| | | const listProps = { |
|---|
| | | ...props, |
|---|
| | | allFiles: allPagesWithTag |
|---|
| | | } |
|---|
| | | |
|---|
| | | const desc = props.fileData.description |
|---|
| | | |
|---|
| | | // @ts-ignore |
|---|
| | | const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' }) |
|---|
| | | return <div class="popover-hint"> |
|---|
| | | {desc && <p>{desc}</p>} |
|---|
| | | <article>{content}</article> |
|---|
| | | <p>{allPagesWithTag.length} items with this tag.</p> |
|---|
| | | <div> |
|---|
