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>

31
pages/friends.tsx
View File

@@ -11,14 +11,28 @@ import Link from "next/link";
export default function FriendsPage() {
return (
<Page>
<SEO description={"My Friend Links"} title={`${Config.SiteTitle} - Friends`} />
<SEO
description={"My Friend Links"}
title={`${Config.SiteTitle} - Friends`}
/>
<NavBar />
<ContentContainer>
<h2 className={"caption-font my-5 flex justify-center font-bold text-2xl"}>{"FRIENDS"}</h2>
<h2
className={"caption-font my-5 flex justify-center font-bold text-2xl"}
>
{"FRIENDS"}
</h2>
<Separator />
<div className={"my-5 flex flex-wrap justify-center text-2xl content-font"}>
<div
className={"my-5 flex flex-wrap justify-center text-2xl content-font"}
>
{FriendsList.map((item) => (
<Link className="mx-2 p-2 underline underline-offset-4" href={item.url} key={nanoid()}>
<Link
className="mx-2 p-2 underline underline-offset-4"
href={item.url}
key={nanoid()}
target="_blank"
>
{item.title}
</Link>
))}
@@ -26,8 +40,13 @@ export default function FriendsPage() {
<Separator />
<div className="my-2 flex flex-col justify-start text-base">
<div className="mx-auto">
{"Welcome to exchange our friend links and every high-quality blog websites are welcomed. "}
<Link className="underline" href={`mailto:${Config.SocialLinks.email}`}>
{
"Welcome to exchange our friend links and every high-quality blog websites are welcomed. "
}
<Link
className="underline"
href={`mailto:${Config.SocialLinks.email}`}
>
{"Email me please"}
</Link>
</div>