silicoflare/silicoflare-website
1
0
Fork 0
mirror of https://github.com/silicoflare/silicoflare-website.git synced 2026-05-26 12:09:53 +05:30
Code Issues Packages Projects Releases Wiki Activity

feat: replace icons with react-icons

Browse Source
This commit is contained in:
Suraj B M
2025-04-16 08:32:36 +05:30
parent de6e8b6721
commit c616160a92
3 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
bun.lock
View File

@@ -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=="],

3
package.json
View File

@@ -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",

14
src/App.tsx
View File

@@ -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() {
<div className="flex items-center gap-10 mt-5">
<a href="mailto:hi@silicoflare.site">
<MailIcon size={30} />
<CgMail size={40} />
</a>
<a href="https://github.com/silicoflare">
<SiGithub size={30} />
<FaGithub size={30} />
</a>
<a href="https://www.linkedin.com/in/suraj-b-m">
<LinkedinIcon size={30} />
<FaLinkedin size={30} />
</a>
<a href="https://www.reddit.com/user/SilicoFlare">
<SiReddit size={30} />
<FaReddit size={30} />
</a>
<a href="https://instagram.com/silicoflare">
<InstagramIcon size={30} />
<FaInstagram size={30} />
</a>
</div>
</div>