| | |
|---|
| | | |
|---|
| | | import style from '../styles/listPage.scss' |
|---|
| | | import { PageList } from "../PageList" |
|---|
| | | import { clientSideSlug } from "../../path" |
|---|
| | | |
|---|
| | | function FolderContent(props: QuartzComponentProps) { |
|---|
| | | const { tree, fileData, allFiles } = props |
|---|
| | | const folderSlug = fileData.slug! |
|---|
| | | const folderSlug = clientSideSlug(fileData.slug!) |
|---|
| | | const allPagesInFolder = allFiles.filter(file => { |
|---|
| | | const fileSlug = file.slug ?? "" |
|---|
| | | const prefixed = fileSlug.startsWith(folderSlug) |
|---|
| | |
|---|
| | | allFiles: allPagesInFolder |
|---|
| | | } |
|---|
| | | |
|---|
| | | 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>{allPagesInFolder.length} items under this folder.</p> |
|---|
| | | <div> |
|---|
