| | |
|---|
| | | |
|---|
| | | import style from "../styles/listPage.scss" |
|---|
| | | import { PageList } from "../PageList" |
|---|
| | | import { _stripSlashes, simplifySlug } from "../../util/path" |
|---|
| | | import { stripSlashes, simplifySlug } from "../../util/path" |
|---|
| | | import { Root } from "hast" |
|---|
| | | import { pluralize } from "../../util/lang" |
|---|
| | | import { htmlToJsx } from "../../util/jsx" |
|---|
| | | import { i18n } from "../../i18n/i18next" |
|---|
| | | import { i18n } from "../../i18n" |
|---|
| | | |
|---|
| | | interface FolderContentOptions { |
|---|
| | | /** |
|---|
| | |
|---|
| | | |
|---|
| | | function FolderContent(props: QuartzComponentProps) { |
|---|
| | | const { tree, fileData, allFiles, cfg } = props |
|---|
| | | const folderSlug = _stripSlashes(simplifySlug(fileData.slug!)) |
|---|
| | | const folderSlug = stripSlashes(simplifySlug(fileData.slug!)) |
|---|
| | | const allPagesInFolder = allFiles.filter((file) => { |
|---|
| | | const fileSlug = _stripSlashes(simplifySlug(file.slug!)) |
|---|
| | | const fileSlug = stripSlashes(simplifySlug(file.slug!)) |
|---|
| | | const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug |
|---|
| | | const folderParts = folderSlug.split(path.posix.sep) |
|---|
| | | const fileParts = fileSlug.split(path.posix.sep) |
|---|
| | |
|---|
| | | <div class="page-listing"> |
|---|
| | | {options.showFolderCount && ( |
|---|
| | | <p> |
|---|
| | | {pluralize(allPagesInFolder.length, i18n(cfg.locale, "common.item"))}{" "} |
|---|
| | | {i18n(cfg.locale, "folderContent.underThisFolder")}. |
|---|
| | | {i18n(cfg.locale).pages.folderContent.itemsUnderFolder({ |
|---|
| | | count: allPagesInFolder.length, |
|---|
| | | })} |
|---|
| | | </p> |
|---|
| | | )} |
|---|
| | | <div> |
|---|
