Add Service Status Fotter

LuminolMC · May 3, 2024 · 1fad095 · 1fad095
1 parent e01e6e0
commit 1fad095
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -4,6 +4,8 @@ import Link from "next/link";
 
 import Logo from "@/assets/brand/logo.svg";
 import classes from "@/styles/components/layout/Footer.module.css";
+import ExternalUrlIcon from "@/assets/icons/heroicons/arrow-top-right-on-square.svg";
+import NavLink from "@/components/layout/NavLink";
 
 const Footer = () => (
   <footer className={clsx("bg-background-dark-80 py-12 mt-8", classes.footer)}>
@@ -85,13 +87,18 @@ const Footer = () => (
         </div>
         <div>
           <span className="font-semibold">
-            {t("components.layout.Footer.terms.title")}
+            {t("components.layout.Footer.links.title")}
           </span>
           <ul className="mt-4 leading-5 text-gray-400 space-y-2">
             <li>
-              {/* <Link href="/community/guidelines">
-                {t("components.layout.Footer.terms.community_guidelines")}
-              </Link> */}
+              <NavLink
+                href="http://status.lolicon.fit/"
+                target="_blank"
+                className="inline-flex items-center"
+              >
+                {t("components.layout.Footer.links.service_status")}
+                <ExternalUrlIcon className="h-4 w-4 ml-1 align-sub" />
+              </NavLink>
             </li>
           </ul>
         </div>

diff --git a/src/i18n/zh-CN.json b/src/i18n/zh-CN.json
@@ -304,9 +304,9 @@
           "contribute": "贡献",
           "sponsor": "赞助"
         },
-        "terms": {
-          "title": "条款",
-          "community_guidelines": "社区准则"
+        "links": {
+          "title": "链接",
+          "service_status": "服务状态"
         },
         "copyright": "LuminolMC 团队"
       },