Display phone number in details

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: ''
   },
 }

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 = () => {
                                         </li>
                                     )
                                 }
+                                {
+                                    typeof config.social.phone !== 'undefined' && config.social.phone && (
+                                        <li>
+                                            <span>
+                                                <RiPhoneFill className="mr-2" />
+                                                <a
+                                                    href={`tel:${config.social.phone}`}
+                                                    rel="noreferrer"
+                                                    className="text-base-content-important"
+                                                >
+                                                    {config.social.phone}
+                                                </a>
+                                            </span>
+                                        </li>
+                                    )
+                                }
                                 {
                                     typeof config.social.email !== 'undefined' && config.social.email && (
                                         <li>

src/config.js

@@ -18,6 +18,7 @@ module.exports = {
         medium: '',
         devto: '',
         website: 'https://arifszn.github.io',
+        phone: '',
         email: 'contact@arifszn.com'
     },
     skills: [