| | |
| | | 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, |
| | |
| | | : 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> |
| | | ) |