| | |
|---|
| | | 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" |
|---|
| | |
|---|
| | | 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 |
|---|
| | | |
|---|
| | |
|---|
| | | <div> |
|---|
| | | <h2> |
|---|
| | | <a class="internal tag-link" href={`../tags/${tag}`}> |
|---|
| | | #{tag} |
|---|
| | | {tag} |
|---|
| | | </a> |
|---|
| | | </h2> |
|---|
| | | {content && <p>{content}</p>} |
|---|
| | |
|---|
| | | <p> |
|---|
| | | {i18n(cfg.locale).pages.tagContent.itemsUnderTag({ count: pages.length })} |
|---|
| | | {pages.length > numPages && ( |
|---|
| | | <span> |
|---|
| | | {i18n(cfg.locale).pages.tagContent.showingFirst({ count: numPages })} |
|---|
| | | </span> |
|---|
| | | <> |
|---|
| | | {" "} |
|---|
| | | <span> |
|---|
| | | {i18n(cfg.locale).pages.tagContent.showingFirst({ count: numPages })} |
|---|
| | | </span> |
|---|
| | | </> |
|---|
| | | )} |
|---|
| | | </p> |
|---|
| | | <PageList limit={numPages} {...listProps} /> |
|---|
