fix: `cssclasses` was not applied on folder note (index) (#749)

Mara-Li

2024-01-29 16adbd30114bfcc1aaefa851a5a1786787f97a10

 quartz/components/pages/FolderContent.tsx

@@ -20,7 +20,6 @@
}

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

  function FolderContent(props: QuartzComponentProps) {
@@ -34,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,
@@ -46,11 +46,13 @@
        : 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>}
        {options.showFolderCount && (
          <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>
        )}
        <div>
          <PageList {...listProps} />
        </div>