From dff4b063135297aaa2f0605fd3267a874baaa90d Mon Sep 17 00:00:00 2001
From: Mats Fangohr <83273529+MatsFangohr@users.noreply.github.com>
Date: Sun, 04 Feb 2024 14:48:31 +0000
Subject: [PATCH] fix(i18n): backlinks naming in mapping (#800)

---
 quartz/components/RecentNotes.tsx |   17 ++++++++++++-----
 1 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/quartz/components/RecentNotes.tsx b/quartz/components/RecentNotes.tsx
index cb14b33..240ef98 100644
--- a/quartz/components/RecentNotes.tsx
+++ b/quartz/components/RecentNotes.tsx
@@ -5,6 +5,8 @@
 import style from "./styles/recentNotes.scss"
 import { Date, getDate } from "./Date"
 import { GlobalConfiguration } from "../cfg"
+import { i18n } from "../i18n/i18next"
+import { classNames } from "../util/lang"
 
 interface Options {
   title: string
@@ -23,13 +25,12 @@
 })
 
 export default ((userOpts?: Partial<Options>) => {
-  function RecentNotes(props: QuartzComponentProps) {
-    const { allFiles, fileData, displayClass, cfg } = props
+  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.slice(0, opts.limit).map((page) => {
@@ -48,7 +49,7 @@
                   </div>
                   {page.dates && (
                     <p class="meta">
-                      <Date date={getDate(cfg, page)!} />
+                      <Date date={getDate(cfg, page)!} locale={cfg.locale} />
                     </p>
                   )}
                   <ul class="tags">
@@ -70,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