static images

Author: mathcodes

src/assets/img/hs.png

@@ -286,7 +286,7 @@ function Contacts() {
                                 <FiAtSign />
                             </div>
                             <p style={{ color: theme.tertiary }}>
-                                {contactsData.email}
+                                <a href={`tomail:${contactsData.email}`}>{contactsData.email}</a>
                             </p>
                         </a>
                         <a
@@ -297,15 +297,15 @@ function Contacts() {
                                 <FiPhone />
                             </div>
                             <p style={{ color: theme.tertiary }}>
-                                {contactsData.phone}
+                            <a href={`tel:${contactsData.phone}`}>{contactsData.phone}</a>
                             </p>
                         </a>
                         <div className='personal-details'>
                             <div className={classes.detailsIcon}>
                                 <HiOutlineLocationMarker />
                             </div>
                             <p style={{ color: theme.tertiary }}>
-                                {contactsData.address}
+                                <a href={`https://www.google.com/maps/place/${contactsData.address}`}>Carrboro, NC</a>
                             </p>
                         </div>
 

src/assets/img/hs.svg

@@ -1,7 +1,7 @@
 export const contactsData = {
     email: 'jon@jonchristie.io',
-    phone: '+19193683369',
-    address: 'Wilmington, NC',
+    phone: '(919) 368-3369',
+    address: 'Carrboro,+NC/',
 
     sheetAPI: ''
 }

src/components/Contacts/Contacts.js

@@ -8,6 +8,6 @@ export const headerData = {
     href1:"<a href=",
     url:"https://www.instructure.com/",
     href2:"\" alt='jon christie headshot portfolio fullstack11235'\"><a>",
-    image: 'https://raw.githubusercontent.com/mathcodes/JonChristie2022/feat-backup/src/assets/img/hs_large.svg',
+    image: '../../assets/img/hs.svg',
     resumePdf: resume
 }