From 0c4281eb537d1d7675bcf8f84316a5d7ed0b3bcb Mon Sep 17 00:00:00 2001
From: Bao <6306455+baodrate@users.noreply.github.com>
Date: Tue, 03 Dec 2024 06:41:55 +0000
Subject: [PATCH] fix: use time HTML element for date strings (#1622)
---
quartz/components/ContentMeta.tsx | 10 ++++------
1 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/quartz/components/ContentMeta.tsx b/quartz/components/ContentMeta.tsx
index 5dfec14..e378bcc 100644
--- a/quartz/components/ContentMeta.tsx
+++ b/quartz/components/ContentMeta.tsx
@@ -1,4 +1,4 @@
-import { formatDate, getDate } from "./Date"
+import { Date, getDate } from "./Date"
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
import readingTime from "reading-time"
import { classNames } from "../util/lang"
@@ -30,7 +30,7 @@
const segments: (string | JSX.Element)[] = []
if (fileData.dates) {
- segments.push(formatDate(getDate(cfg, fileData)!, cfg.locale))
+ segments.push(<Date date={getDate(cfg, fileData)!} locale={cfg.locale} />)
}
// Display reading time if enabled
@@ -39,14 +39,12 @@
const displayedTime = i18n(cfg.locale).components.contentMeta.readingTime({
minutes: Math.ceil(minutes),
})
- segments.push(displayedTime)
+ segments.push(<span>{displayedTime}</span>)
}
- const segmentsElements = segments.map((segment) => <span>{segment}</span>)
-
return (
<p show-comma={options.showComma} class={classNames(displayClass, "content-meta")}>
- {segmentsElements}
+ {segments}
</p>
)
} else {
--
Gitblit v1.10.0