diff --git a/quartz/components/PageList.tsx b/quartz/components/PageList.tsx index 2a5f0e0..7bf2382 100644 --- a/quartz/components/PageList.tsx +++ b/quartz/components/PageList.tsx @@ -7,6 +7,26 @@ import { GlobalConfiguration } from "../cfg" export type SortFn = (f1: QuartzPluginData, f2: QuartzPluginData) => number export function byDateAndAlphabetical(cfg: GlobalConfiguration): SortFn { + return (f1, f2) => { + // Sort by date/alphabetical + if (f1.dates && f2.dates) { + // sort descending + return getDate(cfg, f2)!.getTime() - getDate(cfg, f1)!.getTime() + } else if (f1.dates && !f2.dates) { + // prioritize files with dates + return -1 + } else if (!f1.dates && f2.dates) { + return 1 + } + + // otherwise, sort lexographically by title + const f1Title = f1.frontmatter?.title.toLowerCase() ?? "" + const f2Title = f2.frontmatter?.title.toLowerCase() ?? "" + return f1Title.localeCompare(f2Title) + } +} + +export function byDateAndAlphabeticalFolderFirst(cfg: GlobalConfiguration): SortFn { return (f1, f2) => { // Sort folders first const f1IsFolder = isFolderPath(f1.slug ?? "") @@ -38,7 +58,7 @@ type Props = { } & QuartzComponentProps export const PageList: QuartzComponent = ({ cfg, fileData, allFiles, limit, sort }: Props) => { - const sorter = sort ?? byDateAndAlphabetical(cfg) + const sorter = sort ?? byDateAndAlphabeticalFolderFirst(cfg) let list = allFiles.sort(sorter) if (limit) { list = list.slice(0, limit)