From c538c151c7462ad0395ff2c15c5e11e89e362aa8 Mon Sep 17 00:00:00 2001
From: Striven <sg.striven@cutecat.club>
Date: Sat, 04 Apr 2026 19:47:16 +0000
Subject: [PATCH] Initial commit
---
quartz/components/RecentNotes.tsx | 37 +++++++++++++++++++++++--------------
1 files changed, 23 insertions(+), 14 deletions(-)
diff --git a/quartz/components/RecentNotes.tsx b/quartz/components/RecentNotes.tsx
index f8f6de4..2c32fea 100644
--- a/quartz/components/RecentNotes.tsx
+++ b/quartz/components/RecentNotes.tsx
@@ -1,4 +1,4 @@
-import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
import { FullSlug, SimpleSlug, resolveRelative } from "../util/path"
import { QuartzPluginData } from "../plugins/vfile"
import { byDateAndAlphabetical } from "./PageList"
@@ -12,6 +12,7 @@
title?: string
limit: number
linkToMore: SimpleSlug | false
+ showTags: boolean
filter: (f: QuartzPluginData) => boolean
sort: (f1: QuartzPluginData, f2: QuartzPluginData) => number
}
@@ -19,12 +20,18 @@
const defaultOptions = (cfg: GlobalConfiguration): Options => ({
limit: 3,
linkToMore: false,
+ showTags: true,
filter: () => true,
sort: byDateAndAlphabetical(cfg),
})
export default ((userOpts?: Partial<Options>) => {
- function RecentNotes({ allFiles, fileData, displayClass, cfg }: QuartzComponentProps) {
+ const RecentNotes: QuartzComponent = ({
+ allFiles,
+ fileData,
+ displayClass,
+ cfg,
+ }: QuartzComponentProps) => {
const opts = { ...defaultOptions(cfg), ...userOpts }
const pages = allFiles.filter(opts.filter).sort(opts.sort)
const remaining = Math.max(0, pages.length - opts.limit)
@@ -51,18 +58,20 @@
<Date date={getDate(cfg, page)!} locale={cfg.locale} />
</p>
)}
- <ul class="tags">
- {tags.map((tag) => (
- <li>
- <a
- class="internal tag-link"
- href={resolveRelative(fileData.slug!, `tags/${tag}` as FullSlug)}
- >
- #{tag}
- </a>
- </li>
- ))}
- </ul>
+ {opts.showTags && (
+ <ul class="tags">
+ {tags.map((tag) => (
+ <li>
+ <a
+ class="internal tag-link"
+ href={resolveRelative(fileData.slug!, `tags/${tag}` as FullSlug)}
+ >
+ {tag}
+ </a>
+ </li>
+ ))}
+ </ul>
+ )}
</div>
</li>
)
--
Gitblit v1.10.0