Add Font Awesome icons and refactor tech icon handling

- Added Font Awesome dependencies for enhanced icon support.
- Refactored tech icon components to utilize Font Awesome icons instead of custom SVGs.
- Updated skill data files to include icon properties for various technologies.
- Removed obsolete tech icon files to streamline the codebase.
This commit is contained in:
Julien Froidefond
2025-08-20 16:24:07 +02:00
parent e6d4bbe13d
commit f74d4d3e87
27 changed files with 793 additions and 539 deletions

View File

@@ -15,7 +15,7 @@ import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { generateRadarData } from "@/lib/evaluation-utils";
import { useUser } from "@/hooks/use-user-context";
import { getTechIcon } from "@/components/icons/tech-icons";
import { TechIcon } from "@/components/icons/tech-icon";
import Link from "next/link";
import { Code2, ChevronDown, ChevronRight, ExternalLink } from "lucide-react";
import { getCategoryIcon } from "@/lib/category-icons";
@@ -221,15 +221,17 @@ export default function HomePage() {
const skillEval = categoryEval.skills.find(
(s) => s.skillId === skillId
);
const TechIcon = getTechIcon(skill.id);
return (
<div
key={skillId}
className="flex items-center justify-between p-2 bg-white/5 border border-white/10 rounded-lg"
>
<div className="flex items-center gap-2">
<TechIcon className="w-4 h-4 text-blue-400" />
<TechIcon
iconName={skill.icon}
className="w-4 h-4 text-blue-400"
fallbackText={skill.name}
/>
<span className="text-sm text-white">
{skill.name}
</span>