Jacky Zhao
2024-02-02 e9fb0ecb96a2de53cf5f060c4e151f539ca4b089
quartz/components/pages/FolderContent.tsx
@@ -33,7 +33,8 @@
      const isDirectChild = fileParts.length === folderParts.length + 1
      return prefixed && isDirectChild
    })
    const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
    const classes = ["popover-hint", ...cssClasses].join(" ")
    const listProps = {
      ...props,
      allFiles: allPagesInFolder,
@@ -45,15 +46,17 @@
        : htmlToJsx(fileData.filePath!, tree)
    return (
      <div class="popover-hint">
      <div class={classes}>
        <article>
          <p>{content}</p>
        </article>
        {options.showFolderCount && (
          <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>
        )}
        <div>
          <PageList {...listProps} />
        <div class="page-listing">
          {options.showFolderCount && (
            <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>
          )}
          <div>
            <PageList {...listProps} />
          </div>
        </div>
      </div>
    )