Jacky Zhao
2023-07-23 7db2eda76cf51fd631d385c12a7b411339406067
quartz/components/PageList.tsx
@@ -22,27 +22,46 @@
export function PageList({ fileData, allFiles }: QuartzComponentProps) {
  const slug = canonicalizeServer(fileData.slug!)
  return <ul class="section-ul">
    {allFiles.sort(byDateAndAlphabetical).map(page => {
  return (
    <ul class="section-ul">
      {allFiles.sort(byDateAndAlphabetical).map((page) => {
      const title = page.frontmatter?.title
      const pageSlug = canonicalizeServer(page.slug!)
      const tags = page.frontmatter?.tags ?? []
      return <li class="section-li">
        return (
          <li class="section-li">
        <div class="section">
          {page.dates && <p class="meta">
              {page.dates && (
                <p class="meta">
            <Date date={page.dates.modified} />
          </p>}
                </p>
              )}
          <div class="desc">
            <h3><a href={resolveRelative(slug, pageSlug)} class="internal">{title}</a></h3>
                <h3>
                  <a href={resolveRelative(slug, pageSlug)} class="internal">
                    {title}
                  </a>
                </h3>
          </div>
          <ul class="tags">
            {tags.map(tag => <li><a class="internal" href={resolveRelative(slug, `tags/${tag}` as CanonicalSlug)}>#{tag}</a></li>)}
                {tags.map((tag) => (
                  <li>
                    <a
                      class="internal"
                      href={resolveRelative(slug, `tags/${tag}` as CanonicalSlug)}
                    >
                      #{tag}
                    </a>
                  </li>
                ))}
          </ul>
        </div>
      </li>
        )
    })}
  </ul>
  )
}
PageList.css = `