| | |
|---|
| | | import { PageList } from "../PageList" |
|---|
| | | import { _stripSlashes, simplifySlug } from "../../util/path" |
|---|
| | | import { Root } from "hast" |
|---|
| | | import { pluralize } from "../../util/lang" |
|---|
| | | |
|---|
| | | function FolderContent(props: QuartzComponentProps) { |
|---|
| | | const { tree, fileData, allFiles } = props |
|---|
| | | const folderSlug = _stripSlashes(simplifySlug(fileData.slug!)) |
|---|
| | | const allPagesInFolder = allFiles.filter((file) => { |
|---|
| | | const fileSlug = 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) |
|---|
| | |
|---|
| | | |
|---|
| | | return ( |
|---|
| | | <div class="popover-hint"> |
|---|
| | | <article>{content}</article> |
|---|
| | | <p>{allPagesInFolder.length} items under this folder.</p> |
|---|
| | | <article> |
|---|
| | | <p>{content}</p> |
|---|
| | | </article> |
|---|
| | | <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p> |
|---|
| | | <div> |
|---|
| | | <PageList {...listProps} /> |
|---|
| | | </div> |
|---|
