Skip to content

Commit c43a283

Browse files
codecompass-1codecompass-1
authored
Merge pull request #16 from nayna-G/main
added icons to tools
2 parents cbf1a4d + 509b562 commit c43a283

File tree

3 files changed

+46
-2
lines changed

3 files changed

+46
-2
lines changed

‎public/tools.json‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
"tools": [
55
{
66
"name": "Python",
7+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg",
78
"install": {
89
"choco": "choco install python",
910
"winget": "winget install Python",
@@ -16,6 +17,7 @@
1617
},
1718
{
1819
"name": "C",
20+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-original.svg",
1921
"install": {
2022
"choco": "choco install gcc",
2123
"winget": "winget install gcc",
@@ -28,6 +30,7 @@
2830
},
2931
{
3032
"name": "C++",
33+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg",
3134
"install": {
3235
"choco": "choco install gcc",
3336
"winget": "winget install gcc",
@@ -40,6 +43,7 @@
4043
},
4144
{
4245
"name": "Rust",
46+
"iconsrc": "https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/rust.svg",
4347
"install": {
4448
"choco": "choco install rust",
4549
"winget": "winget install rust",
@@ -52,6 +56,7 @@
5256
},
5357
{
5458
"name": "Go",
59+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/go/go-original.svg",
5560
"install": {
5661
"choco": "choco install golang",
5762
"winget": "winget install golang",
@@ -64,6 +69,7 @@
6469
},
6570
{
6671
"name": "Java",
72+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg",
6773
"install": {
6874
"choco": "choco install openjdk",
6975
"winget": "winget install openjdk",
@@ -76,6 +82,7 @@
7682
},
7783
{
7884
"name": "Kotlin",
85+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kotlin/kotlin-original.svg",
7986
"install": {
8087
"choco": "choco install kotlin",
8188
"winget": "winget install kotlin",
@@ -88,6 +95,7 @@
8895
},
8996
{
9097
"name": "R",
98+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/r/r-original.svg",
9199
"install": {
92100
"choco": "choco install r",
93101
"winget": "winget install r",
@@ -100,6 +108,7 @@
100108
},
101109
{
102110
"name": "Ruby",
111+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/ruby/ruby-original.svg",
103112
"install": {
104113
"choco": "choco install ruby",
105114
"winget": "winget install ruby",
@@ -112,6 +121,7 @@
112121
},
113122
{
114123
"name": "Perl",
124+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/perl/perl-original.svg",
115125
"install": {
116126
"choco": "choco install perl",
117127
"winget": "winget install perl",
@@ -124,6 +134,7 @@
124134
},
125135
{
126136
"name": "Lua",
137+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/lua/lua-original.svg",
127138
"install": {
128139
"choco": "choco install lua",
129140
"winget": "winget install lua",
@@ -136,6 +147,7 @@
136147
},
137148
{
138149
"name": "Haskell",
150+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/haskell/haskell-original.svg",
139151
"install": {
140152
"choco": "choco install haskell",
141153
"winget": "winget install haskell",
@@ -148,6 +160,7 @@
148160
},
149161
{
150162
"name": "Dart",
163+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/dart/dart-original.svg",
151164
"install": {
152165
"choco": "choco install dart-sdk",
153166
"winget": "winget install dart-sdk",
@@ -160,6 +173,7 @@
160173
},
161174
{
162175
"name": "Node.js",
176+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg",
163177
"install": {
164178
"choco": "choco install nodejs",
165179
"winget": "winget install nodejs",
@@ -177,6 +191,7 @@
177191
"tools": [
178192
{
179193
"name": "PostgreSQL",
194+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg",
180195
"install": {
181196
"choco": "choco install postgresql",
182197
"winget": "winget install postgresql",
@@ -189,6 +204,7 @@
189204
},
190205
{
191206
"name": "MySQL",
207+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mysql/mysql-original.svg",
192208
"install": {
193209
"choco": "choco install mysql",
194210
"winget": "winget install mysql",
@@ -201,6 +217,7 @@
201217
},
202218
{
203219
"name": "SQLite",
220+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/sqlite/sqlite-original.svg",
204221
"install": {
205222
"choco": "choco install sqlite",
206223
"winget": "winget install sqlite",
@@ -213,6 +230,7 @@
213230
},
214231
{
215232
"name": "MongoDB",
233+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg",
216234
"install": {
217235
"choco": "choco install mongodb",
218236
"winget": "winget install mongodb",
@@ -225,6 +243,7 @@
225243
},
226244
{
227245
"name": "Redis",
246+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/redis/redis-original.svg",
228247
"install": {
229248
"choco": "choco install redis",
230249
"winget": "winget install redis",
@@ -242,6 +261,7 @@
242261
"tools": [
243262
{
244263
"name": "Chrome",
264+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/chrome/chrome-original.svg",
245265
"install": {
246266
"choco": "choco install googlechrome",
247267
"winget": "winget install googlechrome",
@@ -254,6 +274,7 @@
254274
},
255275
{
256276
"name": "Firefox",
277+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/firefox/firefox-original.svg",
257278
"install": {
258279
"choco": "choco install firefox",
259280
"winget": "winget install firefox",
@@ -266,6 +287,7 @@
266287
},
267288
{
268289
"name": "Edge",
290+
"iconsrc": "https://upload.wikimedia.org/wikipedia/commons/9/98/Microsoft_Edge_logo_%282019%29.svg",
269291
"install": {
270292
"choco": "choco install microsoft-edge",
271293
"winget": "winget install microsoft-edge",
@@ -278,6 +300,7 @@
278300
},
279301
{
280302
"name": "Brave",
303+
"iconsrc": "https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/brave.svg",
281304
"install": {
282305
"choco": "choco install brave --pre",
283306
"winget": "winget install --id=Brave.Brave -e",
@@ -295,6 +318,7 @@
295318
"tools": [
296319
{
297320
"name": "Docker",
321+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg",
298322
"install": {
299323
"choco": "choco install docker-desktop",
300324
"winget": "winget install docker",
@@ -307,6 +331,7 @@
307331
},
308332
{
309333
"name": "Kubernetes",
334+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kubernetes/kubernetes-plain.svg",
310335
"install": {
311336
"choco": "choco install kubernetes-cli",
312337
"winget": "winget install kubernetes-cli",
@@ -319,6 +344,7 @@
319344
},
320345
{
321346
"name": "Ansible",
347+
"iconsrc": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/ansible/ansible-original.svg",
322348
"install": {
323349
"choco": "choco install ansible",
324350
"winget": "winget install ansible",
@@ -336,6 +362,7 @@
336362
"tools": [
337363
{
338364
"name": "Nmap",
365+
"iconsrc": "https://nmap.org/images/nmap-logo-256x256.png",
339366
"install": {
340367
"choco": "choco install nmap",
341368
"winget": "winget install nmap",
@@ -348,6 +375,7 @@
348375
},
349376
{
350377
"name": "Wireshark",
378+
"iconsrc": "https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/wireshark.svg",
351379
"install": {
352380
"choco": "choco install wireshark",
353381
"winget": "winget install wireshark",
@@ -365,6 +393,7 @@
365393
"tools": [
366394
{
367395
"name": "VLC",
396+
"iconsrc": "https://upload.wikimedia.org/wikipedia/commons/e/e6/VLC_Icon.svg",
368397
"install": {
369398
"choco": "choco install vlc",
370399
"winget": "winget install --id=VideoLAN.VLC -e",
@@ -377,6 +406,7 @@
377406
},
378407
{
379408
"name": "OBS Studio",
409+
"iconsrc": "https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/obsstudio.svg",
380410
"install": {
381411
"choco": "choco install obs-studio",
382412
"winget": "winget install --id=OBSProject.OBSStudio -e",
@@ -389,6 +419,7 @@
389419
},
390420
{
391421
"name": "Notion",
422+
"iconsrc": "https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/notion.svg",
392423
"install": {
393424
"choco": "choco install notion",
394425
"winget": "winget install --id=Notion.Notion -e",
@@ -401,6 +432,7 @@
401432
},
402433
{
403434
"name": "Ollama",
435+
"iconsrc": "https://ollama.com/public/ollama.png",
404436
"install": {
405437
"choco": "choco install ollama",
406438
"winget": "winget install --id=Ollama.Ollama -e",

‎src/components/ScriptGenerator/SearchBox.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ interface Props {
55

66
export default function SearchBox({ value, onChange }: Props) {
77
return (
8-
<div className="relative w-full max-w-2xl lg:max-w-3xl">
8+
<div className="relative w-full max-w-2xl lg:max-w-3xl mb-8">
99
<input
1010
type="text"
1111
placeholder="Search for development tools..."

‎src/components/ScriptGenerator/ToolCard.tsx‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,19 @@ export default function ToolCard({ tool, selectedPkg, checked, onToggle }: Props
2323
onChange={onToggle}
2424
className="absolute top-2 right-2 w-5 h-5 accent-indigo-500"
2525
/>
26-
<span className="text-sm text-center">{tool.name}</span>
26+
<div className="flex flex-col items-center justify-center space-y-2">
27+
{tool.iconsrc && (
28+
<img
29+
src={tool.iconsrc}
30+
alt={`${tool.name} icon`}
31+
className="w-8 h-8 object-contain"
32+
onError={(e) => {
33+
e.currentTarget.style.display = 'none';
34+
}}
35+
/>
36+
)}
37+
<span className="text-sm text-center">{tool.name}</span>
38+
</div>
2739
</label>
2840
);
2941
}

0 commit comments

Comments
 (0)