diff --git a/src/components/SocialIcons.tsx b/src/components/SocialIcons.tsx index c63088b9..664a8d47 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 = ({ color = "currentColor" }) => { const [iconSize, setIconSize] = useState(40); - const hoverColor = '#0FA3B1'; + const hoverColor = '#0FA3B1'; useEffect(() => { const handleResize = () => { @@ -28,25 +29,25 @@ const SocialIcons: React.FC = ({ color = "currentColor" }) => return ( setIconColor(hoverColor)} onMouseLeave={() => setIconColor(color)} - style={{ transition: 'color 0.3s' }} > - + ); }; return (
- - - - - - + + + + + +
); }; -export { SocialIcons }; \ No newline at end of file +export { SocialIcons };