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

[fix] fix some faults in link-directing

Browse Source
This commit is contained in:
PrinOrange
2024-09-11 21:46:04 +08:00
parent 8a7777b3b1
commit 08ff21aed9
2 changed files with 51 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/utils/Footer.tsx
View File

@@ -1,4 +1,10 @@
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog";
import { CopyrightAnnouncement, RSSFeedURL } from "@/consts/consts";
import { Config } from "@/data/config";
import Link from "next/link";
@@ -20,7 +26,11 @@ export const Footer = () => {
>
<footer className="my-5 flex flex-col justify-center py-2 text-sm">
<div className="my-2 flex flex-wrap justify-center space-x-3 text-center text-gray-500 underline dark:text-gray-400">
<Link href="https://github.com/PrinOrange/nextjs-lexical-blog" title="Sponsor me for my works.">
<Link
href="https://github.com/PrinOrange/nextjs-lexical-blog"
title="The source code of this blog site template."
target="_blank"
>
{"Source Code"}
</Link>
<Link href="/sponsor" title="Sponsor me for my works.">
@@ -37,7 +47,9 @@ export const Footer = () => {
</DialogTrigger>
)}
</div>
<div className="mx-auto px-3 text-center font-bold">{CopyrightAnnouncement}</div>
<div className="mx-auto px-3 text-center font-bold">
{CopyrightAnnouncement}
</div>
<DialogContent className="sm:max-w-md">
<DialogHeader>
<DialogTitle className="flex">
@@ -49,8 +61,9 @@ export const Footer = () => {
<div>
<div className="my-2 w-full text-sm">
<div>
<b>NOTE: </b>Some RSS Feed Reader may has deficient in rendering SVG formulations, graphs. Such as the
Inoreader, Feedly. If it happens, please read the origin web page for better experience.
<b>NOTE: </b>Some RSS Feed Reader may has deficient in rendering
SVG formulations, graphs. Such as the Inoreader, Feedly. If it
happens, please read the origin web page for better experience.
</div>
</div>
<Separator />
@@ -63,12 +76,18 @@ export const Footer = () => {
text={RSSFeedURL}
>
<Button
className={`my-auto ml-3 ${isCopied && "bg-green-500 hover:bg-green-500"}`}
className={`my-auto ml-3 ${
isCopied && "bg-green-500 hover:bg-green-500"
}`}
size="sm"
type="submit"
>
<span className="sr-only">{"Copy"}</span>
{isCopied ? <FaCheck className="h-4 w-4" /> : <FaCopy className="h-4 w-4" />}
{isCopied ? (
<FaCheck className="h-4 w-4" />
) : (
<FaCopy className="h-4 w-4" />
)}
</Button>
</CopyToClipboard>
</div>