From 2d6dc176c3e1fbb520a5da1beb60bbb1d8e948ba Mon Sep 17 00:00:00 2001
From: Pelayo Arbués <gonzalezpelayo@gmail.com>
Date: Thu, 31 Aug 2023 19:12:06 +0000
Subject: [PATCH] Adds Pelayo Arbues to showcase (#435)
---
quartz/components/pages/FolderContent.tsx | 43 ++++++++++++++++++++++++++-----------------
1 files changed, 26 insertions(+), 17 deletions(-)
diff --git a/quartz/components/pages/FolderContent.tsx b/quartz/components/pages/FolderContent.tsx
index 9221eac..dc076c4 100644
--- a/quartz/components/pages/FolderContent.tsx
+++ b/quartz/components/pages/FolderContent.tsx
@@ -1,18 +1,19 @@
import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
-import { Fragment, jsx, jsxs } from 'preact/jsx-runtime'
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime"
import { toJsxRuntime } from "hast-util-to-jsx-runtime"
import path from "path"
-import style from '../styles/listPage.scss'
+import style from "../styles/listPage.scss"
import { PageList } from "../PageList"
-import { canonicalizeServer } from "../../path"
+import { _stripSlashes, simplifySlug } from "../../util/path"
+import { Root } from "hast"
function FolderContent(props: QuartzComponentProps) {
const { tree, fileData, allFiles } = props
- const folderSlug = canonicalizeServer(fileData.slug!)
- const allPagesInFolder = allFiles.filter(file => {
- const fileSlug = file.slug ?? ""
- const prefixed = fileSlug.startsWith(folderSlug)
+ const folderSlug = _stripSlashes(simplifySlug(fileData.slug!))
+ const allPagesInFolder = allFiles.filter((file) => {
+ const fileSlug = _stripSlashes(simplifySlug(file.slug!))
+ const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug
const folderParts = folderSlug.split(path.posix.sep)
const fileParts = fileSlug.split(path.posix.sep)
const isDirectChild = fileParts.length === folderParts.length + 1
@@ -21,18 +22,26 @@
const listProps = {
...props,
- allFiles: allPagesInFolder
+ allFiles: allPagesInFolder,
}
-
- // @ts-ignore
- const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' })
- return <div class="popover-hint">
- <article>{content}</article>
- <p>{allPagesInFolder.length} items under this folder.</p>
- <div>
- <PageList {...listProps} />
+
+ const content =
+ (tree as Root).children.length === 0
+ ? fileData.description
+ : // @ts-ignore
+ toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: "html" })
+
+ return (
+ <div class="popover-hint">
+ <article>
+ <p>{content}</p>
+ </article>
+ <p>{allPagesInFolder.length} items under this folder.</p>
+ <div>
+ <PageList {...listProps} />
+ </div>
</div>
- </div>
+ )
}
FolderContent.css = style + PageList.css
--
Gitblit v1.10.0