no customisable icons in contacts

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}
+            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"
           >
-              {c.platform === 'email' ? (
+            <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" />
-              ) : (
-                <FontAwesomeIcon icon={['fab', c.platform as IconName]} size="lg" />
-              )}
           </a>
-          ))}
 
           {tokenPresent && (
             <button

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"
   }
-  ]
 }

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) {