Enhance skill evaluation UI with category icons and URL state management

- Added category icons to the skill evaluation components for better visual representation.
- Implemented URL parameter handling in SkillEvaluation to maintain selected category state across navigation.
- Improved the HomePage layout with expandable skill categories and enhanced user interaction.
- Updated skill data files to include icon properties for each category.
This commit is contained in:
Julien Froidefond
2025-08-20 15:52:59 +02:00
parent 09d2c5cbe1
commit fe63f9592a
15 changed files with 202 additions and 54 deletions

18
lib/category-icons.ts Normal file
View File

@@ -0,0 +1,18 @@
import {
Monitor,
Server,
Settings,
Smartphone,
LucideIcon
} from "lucide-react";
const CATEGORY_ICON_MAP: Record<string, LucideIcon> = {
monitor: Monitor,
server: Server,
settings: Settings,
smartphone: Smartphone,
};
export function getCategoryIcon(iconName: string): LucideIcon {
return CATEGORY_ICON_MAP[iconName] || Settings; // Settings as fallback
}