diff --git a/README.md b/README.md index 8e67ba9..1f187e4 100644 --- a/README.md +++ b/README.md @@ -219,6 +219,7 @@ const config = { mastodon: '', facebook: '', instagram: '', + youtube: '', dribbble: '', behance: '', medium: '', @@ -457,7 +458,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, Mastodon, Facebook, Instagram, Dribbble, Behance, Medium, dev, Stack Overflow, Skype, Telegram, personal website, phone and email. +You can link your social media services you're using, including LinkedIn, Twitter, Mastodon, Facebook, Instagram, YouTube, Dribbble, Behance, Medium, dev, Stack Overflow, Skype, Telegram, personal website, phone and email. ```js // gitprofile.config.js @@ -469,6 +470,7 @@ const config = { mastodon: 'arifszn@mastodon.social', facebook: '', instagram: '', + youtube: '', dribbble: '', behance: '', medium: '', diff --git a/gitprofile.config.js b/gitprofile.config.js index 7f7a4a4..acb9790 100644 --- a/gitprofile.config.js +++ b/gitprofile.config.js @@ -16,11 +16,12 @@ const config = { mastodon: 'arifszn@mastodon.social', facebook: '', instagram: '', + youtube: '', // example: 'pewdiepie' dribbble: '', behance: '', medium: 'arifszn', dev: 'arifszn', - stackoverflow: '', // format: userid/username + stackoverflow: '', // example: '1/jeff-atwood' skype: '', telegram: '', website: 'https://arifszn.com', diff --git a/src/components/GitProfile.jsx b/src/components/GitProfile.jsx index f0f2973..f00b0d6 100644 --- a/src/components/GitProfile.jsx +++ b/src/components/GitProfile.jsx @@ -249,6 +249,7 @@ GitProfile.propTypes = { mastodon: PropTypes.string, facebook: PropTypes.string, instagram: PropTypes.string, + youtube: PropTypes.string, dribbble: PropTypes.string, behance: PropTypes.string, medium: PropTypes.string, diff --git a/src/components/details/index.jsx b/src/components/details/index.jsx index 5d0c340..5c16471 100644 --- a/src/components/details/index.jsx +++ b/src/components/details/index.jsx @@ -19,6 +19,7 @@ import { FaStackOverflow, FaTelegram, FaLinkedin, + FaYoutube, } from 'react-icons/fa'; import PropTypes from 'prop-types'; import { skeleton } from '../../helpers/utils'; @@ -173,6 +174,14 @@ const Details = ({ profile, loading, social, github }) => { link={`https://www.instagram.com/${social.instagram}`} /> )} + {social?.youtube && ( + } + title="YouTube:" + value={`@${social.youtube}`} + link={`https://www.youtube.com/@${social.youtube}`} + /> + )} {social?.medium && ( } diff --git a/src/helpers/utils.jsx b/src/helpers/utils.jsx index f0af7d1..a263d7c 100644 --- a/src/helpers/utils.jsx +++ b/src/helpers/utils.jsx @@ -150,6 +150,7 @@ export const sanitizeConfig = (config) => { mastodon: config?.social?.mastodon, facebook: config?.social?.facebook, instagram: config?.social?.instagram, + youtube: config?.social?.youtube, dribbble: config?.social?.dribbble, behance: config?.social?.behance, medium: config?.social?.medium, diff --git a/types/index.d.ts b/types/index.d.ts index 96a87d5..ce24fd6 100644 --- a/types/index.d.ts +++ b/types/index.d.ts @@ -64,6 +64,11 @@ export interface Social { */ instagram?: string; + /** + * YouTube + */ + youtube?: string; + /** * Dribbble */