dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add patreon entrance for sponsor

Browse Source
This commit is contained in:
PrinOrange
2023-12-30 18:32:14 +08:00
parent d1d8bf5cbd
commit fb62b03535
3 changed files with 37 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
data/config.ts
View File

@@ -52,6 +52,8 @@ export const Config: TConfig = {
alipay: "https://qr.alipay.com/xxxx", alipay: "https://qr.alipay.com/xxxx",
// Your Paypal Account Link. // Your Paypal Account Link.
paypal: "https://paypal.me/xxxx", paypal: "https://paypal.me/xxxx",
// Your Patreon user Id.
patreon: "xxxx",
}, },
// Website establishment year. // Website establishment year.

44
pages/sponsor.tsx
View File

@@ -1,4 +1,5 @@
import { ContentContainer, Page } from "@/components/layouts/layouts"; import { ContentContainer, Page } from "@/components/layouts/layouts";
import { Button } from "@/components/ui/button";
import { Footer } from "@/components/utils/Footer"; import { Footer } from "@/components/utils/Footer";
import { NavBar } from "@/components/utils/NavBar"; import { NavBar } from "@/components/utils/NavBar";
import { SEO } from "@/components/utils/SEO"; import { SEO } from "@/components/utils/SEO";
@@ -9,7 +10,7 @@ import Link from "next/link";
import { QRCodeSVG } from "qrcode.react"; import { QRCodeSVG } from "qrcode.react";
import { FaCcPaypal } from "react-icons/fa"; import { FaCcPaypal } from "react-icons/fa";
import { GoHeartFill } from "react-icons/go"; import { GoHeartFill } from "react-icons/go";
import { SiAlipay, SiWechat } from "react-icons/si"; import { SiAlipay, SiPatreon, SiWechat } from "react-icons/si";
export default function AboutPage() { export default function AboutPage() {
return ( return (
@@ -47,7 +48,7 @@ export default function AboutPage() {
{!isEmptyString(Config.SponsorLink?.wechatPay) && ( {!isEmptyString(Config.SponsorLink?.wechatPay) && (
<div className="my-3 flex justify-between"> <div className="my-3 flex justify-between">
<div className="my-auto flex"> <div className="my-auto flex">
<SiWechat className="mx-3 my-auto text-5xl text-green-500" /> <SiWechat className="mx-3 my-auto text-4xl text-green-500" />
<div className="my-auto"> <div className="my-auto">
<h3 className="mx-auto text-sm">{"WECHAT-PAY"}</h3> <h3 className="mx-auto text-sm">{"WECHAT-PAY"}</h3>
</div> </div>
@@ -61,15 +62,17 @@ export default function AboutPage() {
{!isEmptyString(Config.SponsorLink?.alipay) && ( {!isEmptyString(Config.SponsorLink?.alipay) && (
<div className="my-6 flex justify-between"> <div className="my-6 flex justify-between">
<div className="my-auto flex"> <div className="my-auto flex">
<SiAlipay className="mx-3 my-auto text-5xl text-blue-500" /> <SiAlipay className="mx-3 my-auto text-4xl text-blue-500" />
<div className="my-auto"> <div className="my-auto">
<h3 className="mx-auto text-sm">{"ALIPAY"}</h3> <h3 className="mx-auto text-sm">{"ALIPAY"}</h3>
</div> </div>
</div> </div>
<div className="my-2"> <div className="my-2">
<Link className="link-button my-auto text-2xl" target="_blank" href={Config.SponsorLink?.alipay!}> <Button className="my-auto" asChild>
{"DONATE"} <Link target="_blank" href={Config.SponsorLink?.alipay!}>
</Link> {"DONATE"}
</Link>
</Button>
</div> </div>
</div> </div>
)} )}
@@ -77,18 +80,39 @@ export default function AboutPage() {
{!isEmptyString(Config.SponsorLink?.paypal) && ( {!isEmptyString(Config.SponsorLink?.paypal) && (
<div className="my-6 flex justify-between"> <div className="my-6 flex justify-between">
<div className="my-auto flex"> <div className="my-auto flex">
<FaCcPaypal className="mx-3 my-auto text-5xl text-blue-600" /> <FaCcPaypal className="mx-3 my-auto text-4xl text-blue-600" />
<div className="my-auto"> <div className="my-auto">
<h3 className="mx-auto text-sm">{"PAYPAL"}</h3> <h3 className="mx-auto text-sm">{"PAYPAL"}</h3>
</div> </div>
</div> </div>
<div className="my-2"> <div className="my-2">
<Link className="link-button my-auto text-2xl" target="_blank" href={Config.SponsorLink?.paypal!}> <Button className="my-auto" asChild>
{"DONATE"} <Link target="_blank" href={Config.SponsorLink?.paypal!}>
</Link> {"DONATE"}
</Link>
</Button>
</div> </div>
</div> </div>
)} )}
<hr />
{!isEmptyString(Config.SponsorLink?.patreon) && (
<div className="my-6 flex justify-between">
<div className="my-auto flex">
<SiPatreon className="mx-3 my-auto text-4xl text-gray-500" />
<div className="my-auto">
<h3 className="mx-auto text-sm">{"PATREON"}</h3>
</div>
</div>
<div className="my-2">
<Button className="my-auto" asChild>
<Link target="_blank" href={`https://patreon.com/${Config.SponsorLink?.patreon}`}>
{"DONATE"}
</Link>
</Button>
</div>
</div>
)}
<hr />
</div> </div>
</div> </div>
</div> </div>

1
types/config.type.ts
View File

@@ -36,6 +36,7 @@ export type TConfig = {
wechatPay?: string; wechatPay?: string;
alipay?: string; alipay?: string;
paypal?: string; paypal?: string;
patreon?: string;
}; };
YearStart: number; YearStart: number;