diff --git a/README.md b/README.md index cfc39b8..5058ea7 100644 --- a/README.md +++ b/README.md @@ -164,6 +164,7 @@ const config = { linkedin: '', twitter: '', facebook: '', + instagram: '', dribbble: '', behance: '', medium: '', diff --git a/gitprofile.config.js b/gitprofile.config.js index e05bf4d..0a3733f 100644 --- a/gitprofile.config.js +++ b/gitprofile.config.js @@ -14,6 +14,7 @@ const config = { linkedin: 'ariful-alam', twitter: 'arif_szn', facebook: '', + instagram: '', dribbble: '', behance: '', medium: '', diff --git a/src/components/GitProfile.jsx b/src/components/GitProfile.jsx index f6a968c..8771169 100644 --- a/src/components/GitProfile.jsx +++ b/src/components/GitProfile.jsx @@ -239,6 +239,7 @@ GitProfile.propTypes = { linkedin: PropTypes.string, twitter: PropTypes.string, facebook: PropTypes.string, + instagram: 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 bd3c8f2..dfaae72 100644 --- a/src/components/details/index.jsx +++ b/src/components/details/index.jsx @@ -10,6 +10,7 @@ import { FaBuilding, FaDev, FaFacebook, + FaInstagram, FaGlobe, } from 'react-icons/fa'; import PropTypes from 'prop-types'; @@ -128,6 +129,14 @@ const Details = ({ profile, loading, social, github }) => { link={`https://www.facebook.com/${social.facebook}`} /> )} + {typeof social.instagram !== 'undefined' && social.instagram && ( + } + title="Instagram:" + value={social.instagram} + link={`https://www.instagram.com/${social.instagram}`} + /> + )} {typeof social.medium !== 'undefined' && social.medium && ( } diff --git a/src/helpers/utils.jsx b/src/helpers/utils.jsx index dae22ed..3517ecc 100644 --- a/src/helpers/utils.jsx +++ b/src/helpers/utils.jsx @@ -191,6 +191,11 @@ export const sanitizeConfig = (config) => { typeof config.social.facebook !== 'undefined' ? config.social.facebook : '', + instagram: + typeof config.social !== 'undefined' && + typeof config.social.instagram !== 'undefined' + ? config.social.instagram + : '', dribbble: typeof config.social !== 'undefined' && typeof config.social.dribbble !== 'undefined' diff --git a/types/index.d.ts b/types/index.d.ts index d1acbcc..9bb711f 100644 --- a/types/index.d.ts +++ b/types/index.d.ts @@ -54,6 +54,11 @@ export interface Social { */ facebook?: string; + /** + * Instagram + */ + instagram?: string; + /** * Dribbble */