tomoyanonymous/quartz-research-note
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: div that encapsulate PageList component (#750)

Browse Source 
* feat: div that encapsulate PageList component

* change class to follow review

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

* apply page-listing div to TagContent

---------

Co-authored-by: Jacky Zhao <j.zhao2k19@gmail.com>
This commit is contained in:
Mara-Li 2024-01-29 07:52:04 +01:00 committed by GitHub
parent 603c181ad2
commit b7152f743b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
quartz/components/pages/FolderContent.tsx
View File

@ -50,11 +50,13 @@ export default ((opts?: Partial<FolderContentOptions>) => {
<article> <article>
<p>{content}</p> <p>{content}</p>
</article> </article>
{options.showFolderCount && ( <div class="page-listing">
<p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p> {options.showFolderCount && (
)} <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>
<div> )}
<PageList {...listProps} /> <div>
<PageList {...listProps} />
</div>
</div> </div>
</div> </div>
) )

20
quartz/components/pages/TagContent.tsx
View File

@ -62,11 +62,13 @@ function TagContent(props: QuartzComponentProps) {
</a> </a>
</h2> </h2>
{content && <p>{content}</p>} {content && <p>{content}</p>}
<p> <div class="page-listing">
{pluralize(pages.length, "item")} with this tag.{" "} <p>
{pages.length > numPages && `Showing first ${numPages}.`} {pluralize(pages.length, "item")} with this tag.{" "}
</p> {pages.length > numPages && `Showing first ${numPages}.`}
<PageList limit={numPages} {...listProps} /> </p>
<PageList limit={numPages} {...listProps} />
</div>
</div> </div>
) )
})} })}
@ -83,9 +85,11 @@ function TagContent(props: QuartzComponentProps) {
return ( return (
<div class={classes}> <div class={classes}>
<article>{content}</article> <article>{content}</article>
<p>{pluralize(pages.length, "item")} with this tag.</p> <div class="page-listing">
<div> <p>{pluralize(pages.length, "item")} with this tag.</p>
<PageList {...listProps} /> <div>
<PageList {...listProps} />
</div>
</div> </div>
</div> </div>
) )