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

[fix] do some lints

Browse Source
This commit is contained in:
PrinOrange
2024-08-16 14:12:30 +08:00
parent 131a29b539
commit c1e6424db0
13 changed files with 95 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
components/utils/SocialIcons.tsx
View File

@@ -1,6 +1,7 @@
import { Config } from "@/data/config";
import Link from "next/link";
import { FiGithub, FiInstagram, FiMail, FiTwitter } from "react-icons/fi";
import { FaWeibo } from "react-icons/fa";
import {
TbBrandBilibili,
TbBrandFacebook,
@@ -13,63 +14,123 @@ import {
export const SocialIcons = () => {
return (
<div className="my-5 flex flex-wrap justify-center space-x-4 font-bold text-2xl">
<div className="flex flex-wrap justify-center font-bold text-2xl">
{Config.SocialLinks.twitter && (
<Link href={`https://x.com/${Config.SocialLinks.twitter}`} target="_blank" title="Twitter">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://x.com/${Config.SocialLinks.twitter}`}
target="_blank"
title="Twitter"
>
<FiTwitter className="hover:text-sky-500" />
</Link>
)}
{Config.SocialLinks.mastodon && (
<Link href={Config.SocialLinks.mastodon} target="_blank" title="Mastodon">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={Config.SocialLinks.mastodon}
target="_blank"
title="Mastodon"
>
<TbBrandMastodon className="hover:text-purple-500" />
</Link>
)}
{Config.SocialLinks.bilibili && (
<Link href={`https://space.bilibili.com/${Config.SocialLinks.bilibili}`} target="_blank" title="Bilibili">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://space.bilibili.com/${Config.SocialLinks.bilibili}`}
target="_blank"
title="Bilibili"
>
<TbBrandBilibili className="hover:text-sky-500" />
</Link>
)}
{Config.SocialLinks.weibo && (
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://weibo.com/u/${Config.SocialLinks.weibo}`}
target="_blank"
title="Weibo"
>
<FaWeibo className="hover:text-red-500" />
</Link>
)}
{Config.SocialLinks.reddit && (
<Link href={`https://reddit.com/user/${Config.SocialLinks.reddit}`} target="_blank" title="Reddit">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://reddit.com/user/${Config.SocialLinks.reddit}`}
target="_blank"
title="Reddit"
>
<TbBrandReddit className="hover:text-red-500" />
</Link>
)}
{Config.SocialLinks.youtube && (
<Link href={`https://youtube.com/@${Config.SocialLinks.youtube}`} target="_blank" title="Youtube">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://youtube.com/@${Config.SocialLinks.youtube}`}
target="_blank"
title="Youtube"
>
<TbBrandYoutube className="hover:text-red-500" />
</Link>
)}
{Config.SocialLinks.instagram && (
<Link href={`https://instagram.com/${Config.SocialLinks.instagram}`} target="_blank" title="Instagram">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://instagram.com/${Config.SocialLinks.instagram}`}
target="_blank"
title="Instagram"
>
<FiInstagram className="hover:text-orange-500" />
</Link>
)}
{Config.SocialLinks.facebook && (
<Link href={`https://instagram.com/${Config.SocialLinks.facebook}`} target="_blank" title="Facebook">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://instagram.com/${Config.SocialLinks.facebook}`}
target="_blank"
title="Facebook"
>
<TbBrandFacebook className="hover:text-blue-500" />
</Link>
)}
{Config.SocialLinks.linkedin && (
<Link href={`https://linkedin.com/in/${Config.SocialLinks.linkedin}`} target="_blank" title="LinkedIn">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://linkedin.com/in/${Config.SocialLinks.linkedin}`}
target="_blank"
title="LinkedIn"
>
<TbBrandLinkedin className="hover:text-blue-500" />
</Link>
)}
{Config.SocialLinks.youtube && (
<Link href={`https://youtube.com/@${Config.SocialLinks.youtube}`} target="_blank" title="Youtube">
<TbBrandYoutube className="hover:text-red-500" />
</Link>
)}
{Config.SocialLinks.telegram && (
<Link href={`https://t.me/${Config.SocialLinks.telegram}`} target="_blank" title="Telegram">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://t.me/${Config.SocialLinks.telegram}`}
target="_blank"
title="Telegram"
>
<TbBrandTelegram className="hover:text-blue-500" />
</Link>
)}
{Config.SocialLinks.github && (
<Link href={`https://github.com/${Config.SocialLinks.github}`} target="_blank" title="Github">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`https://github.com/${Config.SocialLinks.github}`}
target="_blank"
title="Github"
>
<FiGithub className="hover:text-gray-500" />
</Link>
)}
<Link href={`mailto:${Config.SocialLinks.email}`} target="_blank" title="EMail Address">
<Link
className="flex w-1/5 basis-0 justify-center p-2"
href={`mailto:${Config.SocialLinks.email}`}
target="_blank"
title="EMail Address"
>
<FiMail className="hover:text-gray-500" />
</Link>
</div>