From 2573950ad82140a16d1d8d6c48d33fcfc269d81e Mon Sep 17 00:00:00 2001
From: liuweiqing <liuweiqing147@gmail.com>
Date: Mon, 12 Feb 2024 21:35:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20i18n=20=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[lng]/page.tsx              | 10 +++++++---
 components/Footer/FooterBase.js | 25 +++++++++++++++++++++++++
 components/Footer/client.js     |  0
 components/Footer/index.js      | 25 +++++++++++++++++++++++++
 4 files changed, 57 insertions(+), 3 deletions(-)
 create mode 100644 components/Footer/FooterBase.js
 create mode 100644 components/Footer/client.js
 create mode 100644 components/Footer/index.js

diff --git a/app/[lng]/page.tsx b/app/[lng]/page.tsx
index 585a36f..ce92435 100644
--- a/app/[lng]/page.tsx
+++ b/app/[lng]/page.tsx
@@ -12,6 +12,7 @@ import SettingsLink from "@/components/SettingsLink";
 import PaperManagementWrapper from "@/components/PaperManagementWrapper";
 //i18n
 import { useTranslation } from "@/app/i18n";
+import { FooterBase } from "@/components/Footer/FooterBase";
 import { IndexProps } from "@/utils/global";
 
 // import Error from "@/app/global-error";
@@ -47,16 +48,19 @@ export default async function Index({ params: { lng } }: IndexProps) {
       <PaperManagementWrapper lng={lng} />
       <QuillWrapper lng={lng} />
       <footer className="w-full border-t border-t-foreground/10 p-8 flex justify-center text-center text-xs">
-        <p>
+        <div className="flex items-center space-x-4">
+          {" "}
+          {/* 添加flex容器来水平排列子元素 */}
           <a
             href="https://github.com/14790897/paper-ai"
             target="_blank"
-            className="font-bold hover:underline"
+            className="font-bold text-blue-600 hover:underline hover:text-blue-800"
             rel="noreferrer"
           >
             {t("give me a star in GitHub")}
           </a>
-        </p>
+          <FooterBase t={t} lng={lng} />
+        </div>
       </footer>
     </div>
   );
diff --git a/components/Footer/FooterBase.js b/components/Footer/FooterBase.js
new file mode 100644
index 0000000..cf100c8
--- /dev/null
+++ b/components/Footer/FooterBase.js
@@ -0,0 +1,25 @@
+import Link from "next/link";
+import { Trans } from "react-i18next/TransWithoutContext";
+import { languages } from "@/app/i18n/settings";
+
+export const FooterBase = ({ t, lng }) => {
+  return (
+    <div>
+      {/* <footer style={{ marginTop: 50 }}> */}
+      <Trans i18nKey="languageSwitcher" t={t}>
+        Language Manager:Switch from <strong>{{ lng }}</strong> to:{" "}
+      </Trans>
+      {languages
+        .filter((l) => lng !== l)
+        .map((l, index) => {
+          return (
+            <span key={l}>
+              {index > 0 && " or "}
+              <Link href={`/${l}`}>{l}</Link>
+            </span>
+          );
+        })}
+      {/* </footer> */}
+    </div>
+  );
+};
diff --git a/components/Footer/client.js b/components/Footer/client.js
new file mode 100644
index 0000000..e69de29
diff --git a/components/Footer/index.js b/components/Footer/index.js
new file mode 100644
index 0000000..af332f1
--- /dev/null
+++ b/components/Footer/index.js
@@ -0,0 +1,25 @@
+import Link from "next/link";
+import { Trans } from "react-i18next/TransWithoutContext";
+import { languages } from "../../../i18n/settings";
+import { useTranslation } from "../../../i18n";
+
+export const Footer = async ({ lng }) => {
+  const { t } = await useTranslation(lng, "footer");
+  return (
+    <footer style={{ marginTop: 50 }}>
+      <Trans i18nKey="languageSwitcher" t={t}>
+        Switch from <strong>{{ lng }}</strong> to:{" "}
+      </Trans>
+      {languages
+        .filter((l) => lng !== l)
+        .map((l, index) => {
+          return (
+            <span key={l}>
+              {index > 0 && " or "}
+              <Link href={`/${l}`}>{l}</Link>
+            </span>
+          );
+        })}
+    </footer>
+  );
+};