From c1e6424db0150a31e3aa1ddee6b58b0690e330e2 Mon Sep 17 00:00:00 2001
From: PrinOrange <prinorange@outlook.com>
Date: Fri, 16 Aug 2024 14:12:30 +0800
Subject: [PATCH] [fix] do some lints

---
 components/utils/SocialIcons.tsx | 95 ++++++++++++++++++++++++++------
 data/config.ts                   | 13 ++---
 pages/404.tsx                    |  2 +-
 pages/500.tsx                    |  2 +-
 pages/about.tsx                  |  2 +-
 pages/blog/[id].tsx              |  2 +-
 pages/friends.tsx                |  2 +-
 pages/index.tsx                  |  2 +-
 pages/posts/[[...slug]].tsx      |  2 +-
 pages/search.tsx                 |  2 +-
 pages/sponsor.tsx                |  2 +-
 pages/tags/[...slug].tsx         |  2 +-
 types/config.type.ts             |  1 +
 13 files changed, 95 insertions(+), 34 deletions(-)

diff --git a/components/utils/SocialIcons.tsx b/components/utils/SocialIcons.tsx
index b9f7c3a..29505dd 100644
--- a/components/utils/SocialIcons.tsx
+++ b/components/utils/SocialIcons.tsx
@@ -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>
diff --git a/data/config.ts b/data/config.ts
index 07d8744..a89a192 100644
--- a/data/config.ts
+++ b/data/config.ts
@@ -26,13 +26,12 @@ export const Config: TConfig = {
     linkedin: "example", // Linkedin ID
     github: "example", // Github ID
     facebook: "example", // Facebook ID
-
-    // Add more platform IDs here.
-    // youtube: "example", // Channel ID
-    // reddit:"example", // Reddit ID
-    // bilibili:"123456",  // Bilibili Number ID
-    // telegram: "example", // Telegram ID
-    // mastodon: "https://mas.to/@example", // Mastodon link
+    youtube: "example", // Channel ID
+    reddit: "example", // Reddit ID
+    bilibili: "123456", // Bilibili Number ID
+    weibo: "123456", // Weibo UID
+    telegram: "example", // Telegram ID
+    mastodon: "https://mas.to/@example", // Mastodon link
     email: "me@example.com", // Email address, required.
   },
 
diff --git a/pages/404.tsx b/pages/404.tsx
index 6e11d26..2aa88ae 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -1,7 +1,7 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { TfiFaceSad } from "react-icons/tfi";
 
diff --git a/pages/500.tsx b/pages/500.tsx
index 14609ca..0257a9d 100644
--- a/pages/500.tsx
+++ b/pages/500.tsx
@@ -1,7 +1,7 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { MdOutlineDangerous } from "react-icons/md";
 
diff --git a/pages/about.tsx b/pages/about.tsx
index c3d39a7..244fbdc 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -1,6 +1,6 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { SocialIcons } from "@/components/utils/SocialIcons";
diff --git a/pages/blog/[id].tsx b/pages/blog/[id].tsx
index 5302690..9818d20 100644
--- a/pages/blog/[id].tsx
+++ b/pages/blog/[id].tsx
@@ -1,4 +1,3 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { MDXComponentsSet } from "@/components/mdx";
 import { BottomCard } from "@/components/reader-page/BottomCard";
 import { DrawerTOC } from "@/components/reader-page/DrawerTOC";
@@ -9,6 +8,7 @@ import { TOC } from "@/components/reader-page/TOC";
 import { Separator } from "@/components/ui/separator";
 import { Toaster } from "@/components/ui/toaster";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";
diff --git a/pages/friends.tsx b/pages/friends.tsx
index ae0886f..0c3cd6f 100644
--- a/pages/friends.tsx
+++ b/pages/friends.tsx
@@ -1,6 +1,6 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";
diff --git a/pages/index.tsx b/pages/index.tsx
index 601a9d2..29cc2e9 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,8 +1,8 @@
 import { HomeCover } from "@/components/home-page/HomeCover";
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { PostList } from "@/components/utils/PostList";
 import { SEO } from "@/components/utils/SEO";
diff --git a/pages/posts/[[...slug]].tsx b/pages/posts/[[...slug]].tsx
index 0c79492..9cad524 100644
--- a/pages/posts/[[...slug]].tsx
+++ b/pages/posts/[[...slug]].tsx
@@ -1,9 +1,9 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { PostList } from "@/components/utils/PostList";
 import { SEO } from "@/components/utils/SEO";
diff --git a/pages/search.tsx b/pages/search.tsx
index ae7b6e0..469fc98 100644
--- a/pages/search.tsx
+++ b/pages/search.tsx
@@ -1,9 +1,9 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Toaster } from "@/components/ui/toaster";
 import { useToast } from "@/components/ui/use-toast";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";
diff --git a/pages/sponsor.tsx b/pages/sponsor.tsx
index fab34c8..48a18d8 100644
--- a/pages/sponsor.tsx
+++ b/pages/sponsor.tsx
@@ -1,8 +1,8 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { SponsorBoard } from "@/components/sponsor-page/SponsorBoard";
 import { SponsorDescription } from "@/components/sponsor-page/SponsorDescription";
 import { Toaster } from "@/components/ui/toaster";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";
diff --git a/pages/tags/[...slug].tsx b/pages/tags/[...slug].tsx
index 34e9b66..81f9da0 100644
--- a/pages/tags/[...slug].tsx
+++ b/pages/tags/[...slug].tsx
@@ -1,8 +1,8 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { PostList } from "@/components/utils/PostList";
 import { SEO } from "@/components/utils/SEO";
diff --git a/types/config.type.ts b/types/config.type.ts
index 352f200..b24d3af 100644
--- a/types/config.type.ts
+++ b/types/config.type.ts
@@ -13,6 +13,7 @@ export type TConfig = {
   SocialLinks: {
     twitter?: string;
     bilibili?: string;
+    weibo?: string;
     reddit?: string;
     facebook?: string;
     instagram?: string;