diff --git a/README.md b/README.md
index cfc39b8..65b5c41 100644
--- a/README.md
+++ b/README.md
@@ -164,6 +164,7 @@ const config = {
linkedin: '',
twitter: '',
facebook: '',
+ instagram: '',
dribbble: '',
behance: '',
medium: '',
@@ -361,7 +362,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, Dribbble, Behance, Medium, dev, personal website, phone and email.
+You can link your social media services you're using, including LinkedIn, Twitter, Facebook, Instagram, Dribbble, Behance, Medium, dev, personal website, phone and email.
```js
// gitprofile.config.js
@@ -371,6 +372,7 @@ module.exports = {
linkedin: 'ariful-alam',
twitter: 'arif_swozon',
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..bf99cab 100644
--- a/src/components/details/index.jsx
+++ b/src/components/details/index.jsx
@@ -1,5 +1,9 @@
import { MdLocationOn, MdMail } from 'react-icons/md';
-import { AiFillGithub, AiFillMediumSquare } from 'react-icons/ai';
+import {
+ AiFillGithub,
+ AiFillInstagram,
+ AiFillMediumSquare,
+} from 'react-icons/ai';
import { SiTwitter } from 'react-icons/si';
import { GrLinkedinOption } from 'react-icons/gr';
import { CgDribbble } from 'react-icons/cg';
@@ -128,6 +132,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
*/