| | |
|---|
| | | import { QuartzComponent, QuartzComponentProps } from "./types" |
|---|
| | | import { GlobalConfiguration } from "../cfg" |
|---|
| | | |
|---|
| | | export function byDateAndAlphabetical( |
|---|
| | | cfg: GlobalConfiguration, |
|---|
| | | ): (f1: QuartzPluginData, f2: QuartzPluginData) => number { |
|---|
| | | export type SortFn = (f1: QuartzPluginData, f2: QuartzPluginData) => number |
|---|
| | | |
|---|
| | | export function byDateAndAlphabetical(cfg: GlobalConfiguration): SortFn { |
|---|
| | | return (f1, f2) => { |
|---|
| | | if (f1.dates && f2.dates) { |
|---|
| | | // sort descending |
|---|
| | |
|---|
| | | |
|---|
| | | type Props = { |
|---|
| | | limit?: number |
|---|
| | | sort?: SortFn |
|---|
| | | } & QuartzComponentProps |
|---|
| | | |
|---|
| | | export const PageList: QuartzComponent = ({ cfg, fileData, allFiles, limit }: Props) => { |
|---|
| | | let list = allFiles.sort(byDateAndAlphabetical(cfg)) |
|---|
| | | export const PageList: QuartzComponent = ({ cfg, fileData, allFiles, limit, sort }: Props) => { |
|---|
| | | const sorter = sort ?? byDateAndAlphabetical(cfg) |
|---|
| | | let list = allFiles.sort(sorter) |
|---|
| | | if (limit) { |
|---|
| | | list = list.slice(0, limit) |
|---|
| | | } |
|---|
| | |
|---|
| | | class="internal tag-link" |
|---|
| | | href={resolveRelative(fileData.slug!, `tags/${tag}` as FullSlug)} |
|---|
| | | > |
|---|
| | | #{tag} |
|---|
| | | {tag} |
|---|
| | | </a> |
|---|
| | | </li> |
|---|
| | | ))} |
|---|
