From 9a3599b6c9b3cc9b41a18714649f6227dc7f0f37 Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Sat, 4 Sep 2021 15:28:49 +0100
Subject: [PATCH] no customisable icons in contacts

---
 components/Navbar.tsx | 37 ++++++++++++++++++++++---------------
 config/site.json      | 15 +++++----------
 pages/_app.tsx        |  5 +++--
 3 files changed, 30 insertions(+), 27 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 56a59c2..5003b23 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -53,21 +53,28 @@ const Navbar = () => {
         </Link>
 
         <div className="flex items-center">
-          {siteConfig.contacts.map((c, i) => (
-            <a
-              key={i}
-              href={c.link}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 p-2 rounded"
-            >
-              {c.platform === 'email' ? (
-                <FontAwesomeIcon icon={['far', 'envelope']} size="lg" />
-              ) : (
-                <FontAwesomeIcon icon={['fab', c.platform as IconName]} size="lg" />
-              )}
-            </a>
-          ))}
+          <a
+            href={siteConfig.contact.github}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 p-2 rounded"
+          >
+            <FontAwesomeIcon icon={['fab', 'github']} size="lg" />
+          </a>
+          <a
+            href={siteConfig.contact.telegram}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 p-2 rounded"
+          >
+            <FontAwesomeIcon icon={['fab', 'telegram-plane']} size="lg" />
+          </a>
+          <a
+            href={siteConfig.contact.email}
+            className="hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 p-2 rounded"
+          >
+            <FontAwesomeIcon icon={['far', 'envelope']} size="lg" />
+          </a>
 
           {tokenPresent && (
             <button
diff --git a/config/site.json b/config/site.json
index 4da6eb3..ffb9579 100644
--- a/config/site.json
+++ b/config/site.json
@@ -11,14 +11,9 @@
     "/🌞 Private folder/u-need-a-password",
     "/🥟 Some test files/Protected route"
   ],
-  "contacts": [
-    {
-      "platform": "email",
-      "link": "mailto:spencer.wushangbo@gmail.com"
-    },
-    {
-      "platform": "github",
-      "link": "https://github.com/spencerwooo/onedrive-vercel-index"
-    }
-  ]
+  "contact": {
+    "email": "mailto:spencer.wushangbo@gmail.com",
+    "telegram": "https://t.me/realSpencerWoo",
+    "github": "https://github.com/spencerwooo/onedrive-vercel-index"
+  }
 }
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 704ae31..cfa38eb 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -36,7 +36,7 @@ import {
   faSignOutAlt,
   faCloud,
 } from '@fortawesome/free-solid-svg-icons'
-import { faGithub, faMarkdown } from '@fortawesome/free-brands-svg-icons'
+import { faGithub, faMarkdown, faTelegramPlane } from '@fortawesome/free-brands-svg-icons'
 
 import type { AppProps } from 'next/app'
 
@@ -71,7 +71,8 @@ library.add(
   faTrashAlt,
   faSignOutAlt,
   faEnvelope,
-  faCloud
+  faCloud,
+  faTelegramPlane
 )
 
 function MyApp({ Component, pageProps }: AppProps) {