| | |
| | | |
| | | 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 = ` |