From b056df0b277aae029cdcf02a91bc8b479dcd306a Mon Sep 17 00:00:00 2001
From: Nausher Rao <SherRao15@gmail.com>
Date: Mon, 1 Apr 2024 04:12:53 -0400
Subject: [PATCH 1/2] Update social media icons to not be filled

---
 src/components/SocialIcons.tsx | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/SocialIcons.tsx b/src/components/SocialIcons.tsx
index c63088b9..d99064fb 100644
--- a/src/components/SocialIcons.tsx
+++ b/src/components/SocialIcons.tsx
@@ -1,7 +1,8 @@
 import React, { useState, useEffect } from "react";
-import { FaEnvelope, FaLinkedin, FaDiscord, FaTiktok } from "react-icons/fa";
-import { SiDevpost } from "react-icons/si";
-import { RiInstagramFill } from "react-icons/ri";
+import { RiInstagramLine, RiLinkedinLine, RiDiscordLine , RiTiktokLine } from "react-icons/ri";
+import { FaRegEnvelope } from "react-icons/fa";
+import { SiLinktree } from "react-icons/si";
+// import { SiDevpost } from "react-icons/si";
 
 interface SocialIconsProps {
     color?: string;
@@ -9,7 +10,7 @@ interface SocialIconsProps {
 
 const SocialIcons: React.FC<SocialIconsProps> = ({ color = "currentColor" }) => {
     const [iconSize, setIconSize] = useState(40);
-    const hoverColor = '#0FA3B1'; 
+    const hoverColor = '#0FA3B1';
 
     useEffect(() => {
         const handleResize = () => {
@@ -39,14 +40,14 @@ const SocialIcons: React.FC<SocialIconsProps> = ({ color = "currentColor" }) =>
 
     return (
         <div className="flex justify-center items-center space-x-7">
-            <SocialIconLink href="mailto:hello@hawkhawks.ca" Icon={FaEnvelope} />
-            <SocialIconLink href="https://www.linkedin.com/company/hawkhacks/" Icon={FaLinkedin} />
-            <SocialIconLink href="https://discord.gg/CwQ7mGg98N" Icon={FaDiscord} />
-            <SocialIconLink href="https://tiktok.com/@hawkhacks" Icon={FaTiktok} />
-            <SocialIconLink href="https://www.instagram.com/wluhawkhacks/" Icon={RiInstagramFill} />
-            <SocialIconLink href="https://hawkhacks.devpost.com/" Icon={SiDevpost} />
+            <SocialIconLink href="mailto:hello@hawkhawks.ca" Icon={FaRegEnvelope} />
+            <SocialIconLink href="https://linkedin.com/company/hawkhacks/" Icon={RiLinkedinLine} />
+            <SocialIconLink href="https://discord.gg/CwQ7mGg98N" Icon={RiDiscordLine } />
+            <SocialIconLink href="https://tiktok.com/@hawkhacks" Icon={RiTiktokLine} />
+            <SocialIconLink href="https://instagram.com/wluhawkhacks/" Icon={RiInstagramLine} />
+            <SocialIconLink href="https://linktr.ee/hawkhacks" Icon={SiLinktree} />
         </div>
     );
 };
 
-export { SocialIcons };
\ No newline at end of file
+export { SocialIcons };

From 960dcb8fa0f1f4515b773f06eb350dfb39237665 Mon Sep 17 00:00:00 2001
From: Nausher Rao <SherRao15@gmail.com>
Date: Mon, 1 Apr 2024 04:33:55 -0400
Subject: [PATCH 2/2] Fix hover animation transition

---
 src/components/SocialIcons.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SocialIcons.tsx b/src/components/SocialIcons.tsx
index d99064fb..664a8d47 100644
--- a/src/components/SocialIcons.tsx
+++ b/src/components/SocialIcons.tsx
@@ -29,11 +29,11 @@ const SocialIcons: React.FC<SocialIconsProps> = ({ color = "currentColor" }) =>
         return (
             <a
                 href={href}
+                target="_blank"
                 onMouseEnter={() => setIconColor(hoverColor)}
                 onMouseLeave={() => setIconColor(color)}
-                style={{ transition: 'color 0.3s' }}
             >
-                <Icon size={iconSize} color={iconColor} />
+                <Icon size={iconSize} color={iconColor} style={{transition: "color 0.5s"}} />
             </a>
         );
     };