Added social links to Skype and Telegram

README.md

@@ -221,6 +221,8 @@ const config = {
     dev: '',
     stackoverflow: '',
     website: '',
+    skype: '',
+    telegram: '',
     phone: '',
     email: '',
   },
@@ -442,7 +444,7 @@ Your avatar and bio will be fetched from GitHub automatically.
 
 ### Social Links
 
-You can link your social media services you're using, including LinkedIn, Twitter, Facebook, Instagram, Dribbble, Behance, Medium, dev, Stack Overflow, personal website, phone and email.
+You can link your social media services you're using, including LinkedIn, Twitter, Facebook, Instagram, Dribbble, Behance, Medium, dev, Stack Overflow, Skype, Telegram, personal website, phone and email.
 
 ```js
 // gitprofile.config.js
@@ -459,6 +461,8 @@ module.exports = {
     dev: '',
     stackoverflow: '',
     website: '',
+    skype: '',
+    telegram: '',
     phone: '',
     email: '',
   },

gitprofile.config.js

@@ -23,6 +23,8 @@ const config = {
     website: 'https://arifszn.com',
     phone: '',
     email: 'arifulalamszn@gmail.com',
+    skype: 'arifszn',
+    telegram: 'arifszn',
   },
   resume: {
     fileUrl:

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arifszn/gitprofile",
   "description": "Create an automatic portfolio based on GitHub profile",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "license": "MIT",
   "author": "arifszn",
   "repository": {

src/components/details/index.jsx

@@ -15,7 +15,9 @@ import {
   FaDev,
   FaFacebook,
   FaGlobe,
+  FaSkype,
   FaStackOverflow,
+  FaTelegram,
 } from 'react-icons/fa';
 import PropTypes from 'prop-types';
 import { skeleton } from '../../helpers/utils';
@@ -186,6 +188,23 @@ const Details = ({ profile, loading, social, github }) => {
                   link={social.website}
                 />
               )}
+              {social?.skype && (
+                <ListItem
+                  icon={<FaSkype className="mr-2" />}
+                  title="Skype"
+                  value={social.skype}
+                  link={`skype:${social.skype}?chat`}
+                />
+              )}
+              {social?.telegram && (
+                <ListItem
+                  icon={<FaTelegram className="mr-2" />}
+                  title="Telegram"
+                  value={social.telegram}
+                  link={`https://t.me/${social.telegram}`}
+                />
+              )}
+
               {social?.phone && (
                 <ListItem
                   icon={<RiPhoneFill className="mr-2" />}

src/helpers/utils.jsx

@@ -157,6 +157,8 @@ export const sanitizeConfig = (config) => {
       website: config?.social?.website,
       phone: config?.social?.phone,
       email: config?.social?.email,
+      skype: config?.social?.skype,
+      telegram: config?.social?.telegram,
     },
     resume: {
       fileUrl: config?.resume?.fileUrl || '',