From dbbc672c67aa5ac0a915d22af5cf44c4e7011aae Mon Sep 17 00:00:00 2001
From: Mara-Li <mara-li@outlook.fr>
Date: Sun, 04 Feb 2024 03:55:24 +0000
Subject: [PATCH] feat: Adding support for i18n (closes #462) (#738)
---
quartz/components/RecentNotes.tsx | 32 ++++++++++++++++++++------------
1 files changed, 20 insertions(+), 12 deletions(-)
diff --git a/quartz/components/RecentNotes.tsx b/quartz/components/RecentNotes.tsx
index 5e992b4..240ef98 100644
--- a/quartz/components/RecentNotes.tsx
+++ b/quartz/components/RecentNotes.tsx
@@ -3,7 +3,10 @@
import { QuartzPluginData } from "../plugins/vfile"
import { byDateAndAlphabetical } from "./PageList"
import style from "./styles/recentNotes.scss"
-import { Date } from "./Date"
+import { Date, getDate } from "./Date"
+import { GlobalConfiguration } from "../cfg"
+import { i18n } from "../i18n/i18next"
+import { classNames } from "../util/lang"
interface Options {
title: string
@@ -13,25 +16,24 @@
sort: (f1: QuartzPluginData, f2: QuartzPluginData) => number
}
-const defaultOptions: Options = {
+const defaultOptions = (cfg: GlobalConfiguration): Options => ({
title: "Recent Notes",
limit: 3,
linkToMore: false,
filter: () => true,
- sort: byDateAndAlphabetical,
-}
+ sort: byDateAndAlphabetical(cfg),
+})
export default ((userOpts?: Partial<Options>) => {
- const opts = { ...defaultOptions, ...userOpts }
- function RecentNotes(props: QuartzComponentProps) {
- const { allFiles, fileData, displayClass } = props
- const pages = allFiles.filter(opts.filter).sort(opts.sort).slice(0, opts.limit)
+ function RecentNotes({ 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)
return (
- <div class={`recent-notes ${displayClass}`}>
+ <div class={classNames(displayClass, "recent-notes")}>
<h3>{opts.title}</h3>
<ul class="recent-ul">
- {pages.map((page) => {
+ {pages.slice(0, opts.limit).map((page) => {
const title = page.frontmatter?.title
const tags = page.frontmatter?.tags ?? []
@@ -47,7 +49,7 @@
</div>
{page.dates && (
<p class="meta">
- <Date date={page.dates.modified} />
+ <Date date={getDate(cfg, page)!} locale={cfg.locale} />
</p>
)}
<ul class="tags">
@@ -69,7 +71,13 @@
</ul>
{opts.linkToMore && remaining > 0 && (
<p>
- <a href={resolveRelative(fileData.slug!, opts.linkToMore)}>See {remaining} more →</a>
+ <a href={resolveRelative(fileData.slug!, opts.linkToMore)}>
+ {" "}
+ {i18n(cfg.locale, "recentNotes.seeRemainingMore", {
+ remaining: remaining.toString(),
+ })}{" "}
+ →
+ </a>
</p>
)}
</div>
--
Gitblit v1.10.0