feat: div that encapsulate PageList component (#750)

Mara-Li

2024-01-29 b7152f743bc90411ffd5a9e59057a79be430751b

feat: div that encapsulate PageList component (#750)

* 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>

 quartz/components/pages/FolderContent.tsx

@@ -50,6 +50,7 @@
        <article>
          <p>{content}</p>
        </article>
        <div class="page-listing">
        {options.showFolderCount && (
          <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>
        )}
@@ -57,6 +58,7 @@
          <PageList {...listProps} />
        </div>
      </div>
      </div>
    )
  }


 quartz/components/pages/TagContent.tsx

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