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
*/