From de16faf53ffd7f8b83fb16550acd630c13aae6c1 Mon Sep 17 00:00:00 2001
From: neroices <git@slce.moe>
Date: Sat, 28 Dec 2024 21:35:17 +0700
Subject: [PATCH] wiki: about: Add telegram

Change-Id: I26e26a083bfbd2d9c0221f819a4691f58c1695e2
---
 src/components/about-page.tsx  | 15 +++++-----
 src/components/team-member.tsx | 55 ++++++++++++++++++++++++++--------
 2 files changed, 50 insertions(+), 20 deletions(-)

diff --git a/src/components/about-page.tsx b/src/components/about-page.tsx
index 0f21f13..97fb1e7 100644
--- a/src/components/about-page.tsx
+++ b/src/components/about-page.tsx
@@ -9,49 +9,50 @@ const teamMembers = [
     role: "Founder/Lead Developer",
     image: "/toufu.png",
     github: "toufune",
-    twitter: "toufu14271"
+    twitter: "toufu14271",
   },
   {
     name: "Maitani-Sakura",
     role: "Co-Founder/Developer",
     image: "/maitani-sakura.png",
     github: "maitani-sakura",
-    twitter: "M_Sakura479"
+    twitter: "M_Sakura479",
   },
   {
     name: "soralis0912",
     role: "Developer",
     image: "/soralis0912.png",
     github: "soralis0912",
-    twitter: "soralis_0912"
+    twitter: "soralis_0912",
+    telegram: "soralis_0912",
   },
   {
     name: "neroices",
     role: "Developer",
     image: "/neroices.png",
     github: "neroices",
-    twitter: "letsmakeices"
+    twitter: "letsmakeices",
   },
   {
     name: "MONE-FIERA",
     role: "Developer",
     image: "/monefiera.png",
     github: "monefiera",
-    twitter: "Forsaken_Love02"
+    twitter: "Forsaken_Love02",
   },
   {
     name: "Yumagi",
     role: "Developer",
     image: "/yumagi.png",
     github: "ymag-h",
-    twitter: "ymag_h"
+    twitter: "ymag_h",
   },
   {
     name: "satokun2668",
     role: "Designer",
     image: "/satokun.jpg",
     github: "numaaqours",
-    twitter: "numa_aqours"
+    twitter: "numa_aqours",
   },
   {
     name: "Garry050",
diff --git a/src/components/team-member.tsx b/src/components/team-member.tsx
index 6dc7ef4..83c0e1e 100644
--- a/src/components/team-member.tsx
+++ b/src/components/team-member.tsx
@@ -1,17 +1,26 @@
-import Image from 'next/image'
-import { LuGithub } from 'react-icons/lu'
-import { FaXTwitter } from "react-icons/fa6"
-import { Button } from '@/components/ui/button'
+import Image from "next/image";
+import { LuGithub } from "react-icons/lu";
+import { FaXTwitter } from "react-icons/fa6";
+import { FaTelegramPlane } from "react-icons/fa";
+import { Button } from "@/components/ui/button";
 
 interface TeamMemberProps {
-  name: string
-  role: string
-  image: string
-  github: string
-  twitter?: string
+  name: string;
+  role: string;
+  image: string;
+  github: string;
+  twitter?: string;
+  telegram?: string;
 }
 
-export function TeamMember({ name, role, image, github, twitter }: TeamMemberProps) {
+export function TeamMember({
+  name,
+  role,
+  image,
+  github,
+  twitter,
+  telegram,
+}: TeamMemberProps) {
   return (
     <div className="flex flex-col items-center text-center px-4 py-6 sm:px-6 lg:px-8 mx-auto w-full max-w-xs">
       <Image
@@ -25,20 +34,40 @@ export function TeamMember({ name, role, image, github, twitter }: TeamMemberPro
       <p className="text-muted-foreground mb-4">{role}</p>
       <div className="flex space-x-2">
         <Button variant="outline" size="icon" asChild>
-          <a href={`https://github.com/${github}`} target="_blank" rel="noopener noreferrer">
+          <a
+            href={`https://github.com/${github}`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             <LuGithub className="h-4 w-4" />
             <span className="sr-only">GitHub profile</span>
           </a>
         </Button>
         {twitter && (
           <Button variant="outline" size="icon" asChild>
-            <a href={`https://x.com/${twitter}`} target="_blank" rel="noopener noreferrer">
+            <a
+              href={`https://x.com/${twitter}`}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               <FaXTwitter className="h-4 w-4" />
               <span className="sr-only">X profile</span>
             </a>
           </Button>
         )}
+        {telegram && (
+          <Button variant="outline" size="icon" asChild>
+            <a
+              href={`https://t.me/${telegram}`}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <FaTelegramPlane className="h-4 w-4" />
+              <span className="sr-only">Telegram profile</span>
+            </a>
+          </Button>
+        )}
       </div>
     </div>
-  )
+  );
 }