From ec00a40aefca73596ab76e3ebe3a8e1129b43688 Mon Sep 17 00:00:00 2001
From: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 27 Jan 2026 18:27:17 +0000
Subject: [PATCH] chore(deps): bump the production-dependencies group with 4 updates (#2289)

---
 quartz/components/Footer.tsx |   30 +++++++++++++++++++-----------
 1 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/quartz/components/Footer.tsx b/quartz/components/Footer.tsx
index a4c895b..cff28cb 100644
--- a/quartz/components/Footer.tsx
+++ b/quartz/components/Footer.tsx
@@ -1,23 +1,31 @@
-import { QuartzComponentConstructor } from "./types"
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
 import style from "./styles/footer.scss"
+import { version } from "../../package.json"
+import { i18n } from "../i18n"
 
 interface Options {
-  authorName: string,
   links: Record<string, string>
 }
 
 export default ((opts?: Options) => {
-  function Footer() {
+  const Footer: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
     const year = new Date().getFullYear()
-    const name = opts?.authorName ?? "someone"
     const links = opts?.links ?? []
-    return <footer>
-      <hr />
-      <p>Made by {name} using <a href="https://quartz.jzhao.xyz/">Quartz</a>, © {year}</p>
-      <ul>{Object.entries(links).map(([text, link]) => <li>
-        <a href={link}>{text}</a>
-      </li>)}</ul>
-    </footer>
+    return (
+      <footer class={`${displayClass ?? ""}`}>
+        <p>
+          {i18n(cfg.locale).components.footer.createdWith}{" "}
+          <a href="https://quartz.jzhao.xyz/">Quartz v{version}</a> © {year}
+        </p>
+        <ul>
+          {Object.entries(links).map(([text, link]) => (
+            <li>
+              <a href={link}>{text}</a>
+            </li>
+          ))}
+        </ul>
+      </footer>
+    )
   }
 
   Footer.css = style

--
Gitblit v1.10.0