diff --git a/bun.lock b/bun.lock index b2fcd16..233c92f 100644 --- a/bun.lock +++ b/bun.lock @@ -8,6 +8,7 @@ "lucide-react": "^0.488.0", "react": "^19.0.0", "react-dom": "^19.0.0", + "react-icons": "^5.5.0", }, "devDependencies": { "@eslint/js": "^9.21.0", @@ -421,6 +422,8 @@ "react-dom": ["react-dom@19.1.0", "", { "dependencies": { "scheduler": "^0.26.0" }, "peerDependencies": { "react": "^19.1.0" } }, "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g=="], + "react-icons": ["react-icons@5.5.0", "", { "peerDependencies": { "react": "*" } }, "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw=="], + "resolve-from": ["resolve-from@4.0.0", "", {}, "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="], "reusify": ["reusify@1.1.0", "", {}, "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw=="], diff --git a/package.json b/package.json index f30c7bc..9874182 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,8 @@ "@icons-pack/react-simple-icons": "^12.6.0", "lucide-react": "^0.488.0", "react": "^19.0.0", - "react-dom": "^19.0.0" + "react-dom": "^19.0.0", + "react-icons": "^5.5.0" }, "devDependencies": { "@eslint/js": "^9.21.0", diff --git a/src/App.tsx b/src/App.tsx index 23c7c0a..75369ad 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,7 +1,7 @@ -import { InstagramIcon, LinkedinIcon, MailIcon } from "lucide-react"; import SiF from "./SiF"; -import { SiGithub, SiReddit } from "@icons-pack/react-simple-icons"; import { useEffect } from "react"; +import { CgMail } from "react-icons/cg"; +import { FaGithub, FaInstagram, FaLinkedin, FaReddit } from "react-icons/fa"; export default function Home() { useEffect(() => { @@ -30,19 +30,19 @@ export default function Home() {
- + - + - + - + - +