feat: Option to mask folder count (#734)

LUCASTUCIOUS

2024-01-28 a70078ccdcbb195fe487454e9e3f8612ccd5e7a1

feat: Option to mask folder count (#734)

* Option to mask folder count

* Update quartz/components/pages/FolderContent.tsx

---------

Co-authored-by: Jacky Zhao <j.zhao2k19@gmail.com>

 quartz/components/pages/FolderContent.tsx

@@ -8,6 +8,21 @@
import { pluralize } from "../../util/lang"
import { htmlToJsx } from "../../util/jsx"

interface FolderContentOptions {
  /**
   * Whether to display number of folders
   */
  showFolderCount: boolean
}

const defaultOptions: FolderContentOptions = {
  showFolderCount: true,
}

export default ((opts?: Partial<FolderContentOptions>) => {
  // Merge options with defaults
  const options: FolderContentOptions = { ...defaultOptions, ...opts }

function FolderContent(props: QuartzComponentProps) {
  const { tree, fileData, allFiles } = props
  const folderSlug = _stripSlashes(simplifySlug(fileData.slug!))
@@ -35,7 +50,7 @@
      <article>
        <p>{content}</p>
      </article>
      <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>
        {options.showFolderCount && <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>}
      <div>
        <PageList {...listProps} />
      </div>
@@ -44,4 +59,5 @@
}

FolderContent.css = style + PageList.css
export default (() => FolderContent) satisfies QuartzComponentConstructor
  return FolderContent
}) satisfies QuartzComponentConstructor