feat(footer): add Bluesky and Instagram links with icons, update imports to use aliases

Author: anyulled

src/assets/images/blueskyIcon.svg

@@ -1,15 +1,17 @@
-import { BIG_BREAKPOINT } from "../../constants/BreakPoints";
+import { BIG_BREAKPOINT } from "@constants/BreakPoints";
 import { FC } from "react";
-import LessThanBlueIcon from "../../assets/images/LessThanBlueIcon.svg";
-import emailIcon from "../../assets/images/emailIcon.svg";
-import flickrIcon from "../../assets/images/flickr.svg";
-import linkedinIcon from "../../assets/images/linkedinIcon.svg";
-import logo from "../../assets/images/devBcn.png";
-import twitterIcon from "../../assets/images/twitterIcon.svg";
+import LessThanBlueIcon from "@assets/images/LessThanBlueIcon.svg";
+import emailIcon from "@assets/images/emailIcon.svg";
+import blueskyIcon from "@assets/images/blueskyIcon.svg";
+import instagramIcon from "@assets/images/instagramIcon.svg";
+import flickrIcon from "@assets/images/flickr.svg";
+import linkedinIcon from "@assets/images/linkedinIcon.svg";
+import logo from "@assets/images/devBcn.png";
+import twitterIcon from "@assets/images/twitterIcon.svg";
 import { useNavigate } from "react-router";
 import { useWindowSize } from "react-use";
-import data from "../../data/2024.json";
-import youtubeIcon from "../../assets/images/youtubeIcon.svg";
+import data from "@data/2024.json";
+import youtubeIcon from "@assets/images/youtubeIcon.svg";
 import {
   StyledAbsoluteImg,
   StyledFlexCol,
@@ -76,6 +78,22 @@ const Footer: FC<React.PropsWithChildren<unknown>> = () => {
                   width={24}
                 />
               </StyledLink>
+              <StyledLink target={"_blank"} href={data.bluesky}>
+                <StyledFooterIcon
+                  src={blueskyIcon}
+                  alt="facebook"
+                  height={24}
+                  width={24}
+                />
+              </StyledLink>
+              <StyledLink target={"_blank"} href={data.instagram}>
+                <StyledFooterIcon
+                  src={instagramIcon}
+                  alt="facebook"
+                  height={24}
+                  width={24}
+                />
+              </StyledLink>
             </StyledFlexRow>
             <StyledFlexRow>&nbsp;</StyledFlexRow>
           </StyledFlexCol>

src/assets/images/instagramIcon.svg

@@ -6,7 +6,7 @@
   "cfp": {
     "startDay": "2024-01-01T00:00:00",
     "endDay": "2024-04-01T00:00:00",
-    "link":"https://sessionize.com/devbcn-2024/"
+    "link": "https://sessionize.com/devbcn-2024/"
   },
   "diversity": true,
   "edition": "2024",
@@ -17,10 +17,12 @@
   "github": "https://github.com/devbcn",
   "hideSpeakers": false,
   "hideTalks": false,
+  "instagram": "https://www.instagram.com/devbcn.conf/",
   "jobOffers": {
     "enabled": true
   },
   "linkedin": "https://www.linkedin.com/company/devbcn",
+  "bluesky": "https://bsky.app/profile/devbcn.bsky.social",
   "schedule": {
     "enabled": true
   },