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:
10
app/page.tsx
10
app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user