Add email in social icons components

Author: jpcano

package-lock.json

@@ -24,6 +24,7 @@
   },
   "devDependencies": {
     "@iconify-json/fa6-brands": "^1.2.6",
+    "@iconify-json/fa6-solid": "^1.2.4",
     "@types/basiclightbox": "^5.0.4"
   }
-}
+}

package.json

@@ -1,4 +1,11 @@
-const socialData: Array<{ link: string; icon: string, title: string }> = [
+const socialData: Array<{ link: string; icon: string, title: string, self_link?: boolean }> = [
+  {
+    title: "Email",
+    link: "mailto:me@jesus.engineer",
+    icon: "fa6-solid:envelope",
+    self_link: true
+
+  },
   {
     title: "GitHub",
     link: "http://github.com/jpcano",

src/components/SocialData.ts

@@ -8,7 +8,11 @@ import { Icon } from "astro-icon/components";
   {
     socialData.map((social) => (
       <li>
-        <a href={social.link} target="”_blank”" aria-label={social.title}>
+        <a
+          href={social.link}
+          target={social.self_link ? "_self" : "_blank"}
+          aria-label={social.title}
+        >
           <i aria-hidden="true">
             <Icon name={social.icon} title={social.title} />
           </i>

src/components/SocialFooter.astro

@@ -7,7 +7,11 @@ import { Icon } from "astro-icon/components";
 <div>
   {
     socialData.map((social) => (
-      <a href={social.link} target="”_blank”" aria-label={social.title}>
+      <a
+        href={social.link}
+        target={social.self_link ? "_self" : "_blank"}
+        aria-label={social.title}
+      >
         <i aria-hidden="true">
           <Icon name={social.icon} title={social.title} />
         </i>