Skip to content

Commit 69ea069

Browse files
committed
Add react-icons package and integrate platform icons in App component
1 parent 0d5db11 commit 69ea069

File tree

3 files changed

+18
-0
lines changed

3 files changed

+18
-0
lines changed

package-lock.json

Lines changed: 10 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"lucide-react": "^0.468.0",
1717
"react": "^19.0.0",
1818
"react-dom": "^19.0.0",
19+
"react-icons": "^5.5.0",
1920
"tailwind-merge": "^2.6.0",
2021
"typed.js": "^2.1.0"
2122
},

src/App.tsx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ import {
2424
Check,
2525
Filter,
2626
} from "lucide-react"
27+
import { FaApple, FaLinux, FaWindows } from "react-icons/fa"
2728
import logoSvg from "/logo.svg"
2829

2930
function App() {
@@ -128,18 +129,21 @@ function App() {
128129
variant={platform === "macos" ? "default" : "outline"}
129130
onClick={() => setPlatform("macos")}
130131
>
132+
<FaApple className="w-4 h-4 mr-2" />
131133
macOS
132134
</Button>
133135
<Button
134136
variant={platform === "linux" ? "default" : "outline"}
135137
onClick={() => setPlatform("linux")}
136138
>
139+
<FaLinux className="w-4 h-4 mr-2" />
137140
Linux
138141
</Button>
139142
<Button
140143
variant={platform === "windows" ? "default" : "outline"}
141144
onClick={() => setPlatform("windows")}
142145
>
146+
<FaWindows className="w-4 h-4 mr-2" />
143147
Windows
144148
</Button>
145149
</div>
@@ -492,18 +496,21 @@ function App() {
492496
variant={uninstallPlatform === "macos" ? "default" : "outline"}
493497
onClick={() => setUninstallPlatform("macos")}
494498
>
499+
<FaApple className="w-4 h-4 mr-2" />
495500
macOS
496501
</Button>
497502
<Button
498503
variant={uninstallPlatform === "linux" ? "default" : "outline"}
499504
onClick={() => setUninstallPlatform("linux")}
500505
>
506+
<FaLinux className="w-4 h-4 mr-2" />
501507
Linux
502508
</Button>
503509
<Button
504510
variant={uninstallPlatform === "windows" ? "default" : "outline"}
505511
onClick={() => setUninstallPlatform("windows")}
506512
>
513+
<FaWindows className="w-4 h-4 mr-2" />
507514
Windows
508515
</Button>
509516
</div>

0 commit comments

Comments
 (0)