feat: add Twitter and Patreon links to footers across multiple languages

dvaJi · Oct 7, 2024 · 336bfa2 · 336bfa2
1 parent 22ac7bc
commit 336bfa2
Show file tree

Hide file tree

Showing 5 changed files with 82 additions and 1 deletion.
diff --git a/app/[lang]/(genshin)/footer.tsx b/app/[lang]/(genshin)/footer.tsx
@@ -2,6 +2,8 @@
 
 import Link from "next/link";
 import { AiOutlineTwitter } from "react-icons/ai";
+import { RiPatreonFill } from "react-icons/ri";
+
 
 import LanguageSelector from "@components/ui/LanguageSelector";
 import useIntl from "@hooks/use-intl";
@@ -41,14 +43,23 @@ export default function GenshinFooter() {
               Changelog
             </Link>
             <a
-              href="https://twitter.com/genshin_builds"
+              href="https://twitter.com/earlyggcom"
               target="_blank"
               rel="noopener noreferrer"
               className="group my-1 text-lg"
             >
               <AiOutlineTwitter className="inline group-hover:text-blue-400" />{" "}
               <span className="text-base">Twitter</span>
             </a>
+            <a
+              href="https://www.patreon.com/GenshinBuilds"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="group my-1 text-lg"
+            >
+              <RiPatreonFill className="inline group-hover:text-red-400" />{" "}
+              <span className="text-base">Patreon</span>
+            </a>
           </div>
 
           <div className="flex flex-1 flex-col">

diff --git a/app/[lang]/hsr/footer.tsx b/app/[lang]/hsr/footer.tsx
@@ -2,6 +2,8 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+import { AiOutlineTwitter } from "react-icons/ai";
+import { RiPatreonFill } from "react-icons/ri";
 
 import useIntl from "@hooks/use-intl";
 
@@ -33,6 +35,24 @@ export default function HSRFooter() {
             <Link href={`/${locale}/contact`} className="my-2" prefetch={false}>
               {t({ id: "contact", defaultMessage: "Contact" })}
             </Link>
+            <a
+              href="https://twitter.com/earlyggcom"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="rounded-3xl px-3 py-1 text-lg font-semibold transition-colors hover:bg-white hover:text-black"
+            >
+              <AiOutlineTwitter className="inline" />{" "}
+              <span className="text-base">Twitter</span>
+            </a>
+            <a
+              href="https://www.patreon.com/GenshinBuilds"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="group my-1 text-lg"
+            >
+              <RiPatreonFill className="inline group-hover:text-red-400" />{" "}
+              <span className="text-base">Patreon</span>
+            </a>
           </div>
           <div className="flex flex-1 flex-col">
             <button onClick={redirectedPathName("en")} className="my-2">

diff --git a/app/[lang]/tof/footer.tsx b/app/[lang]/tof/footer.tsx
@@ -1,4 +1,6 @@
 import Link from "next/link";
+import { AiOutlineTwitter } from "react-icons/ai";
+import { RiPatreonFill } from "react-icons/ri";
 
 export default function Footer() {
   return (
@@ -13,6 +15,24 @@ export default function Footer() {
             <Link href="/contact" className="my-2" prefetch={false}>
               Contact
             </Link>
+            <a
+              href="https://twitter.com/earlyggcom"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="rounded-3xl px-3 py-1 text-lg font-semibold transition-colors hover:bg-white hover:text-black"
+            >
+              <AiOutlineTwitter className="inline" />{" "}
+              <span className="text-base">Twitter</span>
+            </a>
+            <a
+              href="https://www.patreon.com/GenshinBuilds"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="group my-1 text-lg"
+            >
+              <RiPatreonFill className="inline group-hover:text-red-400" />{" "}
+              <span className="text-base">Patreon</span>
+            </a>
           </div>
           <div className="flex flex-1 flex-col"></div>
           <div className="flex-1">

diff --git a/app/[lang]/wuthering-waves/footer.tsx b/app/[lang]/wuthering-waves/footer.tsx
@@ -1,4 +1,6 @@
 import Link from "next/link";
+import { AiOutlineTwitter } from "react-icons/ai";
+import { RiPatreonFill } from "react-icons/ri";
 
 import Logo from "@components/wuthering-waves/Logo";
 
@@ -17,6 +19,24 @@ export default function HSRFooter() {
             <Link href={`/en/contact`} className="my-2" prefetch={false}>
               Contact
             </Link>
+            <a
+              href="https://twitter.com/earlyggcom"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="rounded-3xl px-3 py-1 text-lg font-semibold transition-colors hover:bg-white hover:text-black"
+            >
+              <AiOutlineTwitter className="inline" />{" "}
+              <span className="text-base">Twitter</span>
+            </a>
+            <a
+              href="https://www.patreon.com/GenshinBuilds"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="group my-1 text-lg"
+            >
+              <RiPatreonFill className="inline group-hover:text-red-400" />{" "}
+              <span className="text-base">Patreon</span>
+            </a>
           </div>
           <div className="flex flex-1 flex-col"></div>
           <div className="flex flex-1 flex-col"></div>

diff --git a/app/[lang]/zenless/layout.tsx b/app/[lang]/zenless/layout.tsx
@@ -12,6 +12,7 @@ import { GA_TRACKING_ID } from "@lib/gtag";
 import "../../../styles/globals.css";
 import "./globals.css";
 import ZenlessHeader from "./header";
+import { RiPatreonFill } from "react-icons/ri";
 
 const nunito = Nunito({
   weight: ["400", "600", "700"],
@@ -130,6 +131,15 @@ export default function ZenlessLayout({ children, params }: Props) {
                   <AiOutlineTwitter className="inline" />{" "}
                   <span className="text-base">Twitter</span>
                 </a>
+                <a
+                  href="https://www.patreon.com/GenshinBuilds"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="group my-1 text-lg"
+                >
+                  <RiPatreonFill className="inline group-hover:text-red-400" />{" "}
+                  <span className="text-base">Patreon</span>
+                </a>
                 <LanguageSelector />
               </div>