diff --git a/README.md b/README.md index 10c6299..300393d 100644 --- a/README.md +++ b/README.md @@ -92,6 +92,7 @@ module.exports = { medium: '', devto: '', website: '', + phone: '', email: '' }, skills: [ @@ -243,7 +244,7 @@ Your github avatar and bio will be displayed here.\ ### Social Links -ezProfile supports linking your social media services you're using, including LinkedIn, Twitter, Facebook, Dribbble, Behance, Medium, dev.to, personal website, and email. +ezProfile supports linking your social media services you're using, including LinkedIn, Twitter, Facebook, Dribbble, Behance, Medium, dev.to, personal website, phone and email. ```js // config.js module.exports = { @@ -257,6 +258,7 @@ module.exports = { medium: '', devto: '', website: 'https://arifszn.github.io', + phone: '', email: '' }, } diff --git a/src/components/Details.js b/src/components/Details.js index 0c78fc0..bc70bb5 100644 --- a/src/components/Details.js +++ b/src/components/Details.js @@ -3,6 +3,7 @@ import { AiFillGithub, AiFillMediumSquare } from 'react-icons/ai'; import { SiTwitter } from 'react-icons/si'; import { GrLinkedinOption } from 'react-icons/gr'; import { CgDribbble } from 'react-icons/cg'; +import { RiPhoneFill } from 'react-icons/ri'; import { FaBehanceSquare, FaBuilding, FaDev, FaFacebook, FaGlobe } from 'react-icons/fa'; import { useSelector } from 'react-redux'; import config from '../config'; @@ -204,6 +205,22 @@ const Details = () => { ) } + { + typeof config.social.phone !== 'undefined' && config.social.phone && ( +
  • + + + + {config.social.phone} + + +
  • + ) + } { typeof config.social.email !== 'undefined' && config.social.email && (
  • diff --git a/src/config.js b/src/config.js index 1285670..1fbcec1 100644 --- a/src/config.js +++ b/src/config.js @@ -18,6 +18,7 @@ module.exports = { medium: '', devto: '', website: 'https://arifszn.github.io', + phone: '', email: 'contact@arifszn.com' }, skills: [