Add social: Instagram

README.md

@@ -164,6 +164,7 @@ const config = {
     linkedin: '',
     twitter: '',
     facebook: '',
+    instagram: '',
     dribbble: '',
     behance: '',
     medium: '',

gitprofile.config.js

@@ -14,6 +14,7 @@ const config = {
     linkedin: 'ariful-alam',
     twitter: 'arif_szn',
     facebook: '',
+    instagram: '',
     dribbble: '',
     behance: '',
     medium: '',

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,

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 && (
+                <ListItem
+                  icon={<FaInstagram className="mr-2" />}
+                  title="Instagram:"
+                  value={social.instagram}
+                  link={`https://www.instagram.com/${social.instagram}`}
+                />
+              )}
               {typeof social.medium !== 'undefined' && social.medium && (
                 <ListItem
                   icon={<AiFillMediumSquare className="mr-2" />}

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'

types/index.d.ts

@@ -54,6 +54,11 @@ export interface Social {
    */
   facebook?: string;
 
+  /**
+   * Instagram
+   */
+  instagram?: string;
+
   /**
    * Dribbble
    */