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:
18
lib/category-icons.ts
Normal file
18
lib/category-icons.ts
Normal 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
|
||||
}
|
||||
Reference in New Issue
Block a user