SVI/ProxmoxVE-Local
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE-Local.git synced 2026-08-03 18:59:42 -04:00
Code Issues 56 Packages Projects Releases 7 Wiki Activity

Use categoryIconColorMap for sidebar icons

Browse Source 
Update CategorySidebar.tsx to derive non-selected icon color classes from categoryIconColorMap for both the "template" and per-category icons. Selected icons still use text-primary; fallbacks preserve previous muted and group-hover classes to retain existing styling when a mapping is absent.
This commit is contained in:
CanbiZ (MickLesk)
2026-04-01 15:16:28 +02:00
parent 3fdf438c6d
commit c4ec0fe9ed
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/_components/CategorySidebar.tsx
View File

@@ -557,7 +557,7 @@ export function CategorySidebar({
<div className="flex items-center space-x-3">
<CategoryIcon
iconName="template"
className={`h-5 w-5 ${selectedCategory === null ? "text-primary" : "text-muted-foreground"}`}
className={`h-5 w-5 ${selectedCategory === null ? "text-primary" : (categoryIconColorMap["template"] ?? "text-muted-foreground")}`}
/>
<span className="font-medium">All Categories</span>
</div>
@@ -589,7 +589,7 @@ export function CategorySidebar({
<div className="flex items-center space-x-3">
<CategoryIcon
iconName={categoryIconMapping[category] ?? "box"}
className={`h-5 w-5 ${isSelected ? "text-primary" : "text-muted-foreground"}`}
className={`h-5 w-5 ${isSelected ? "text-primary" : (categoryIconColorMap[categoryIconMapping[category] ?? "box"] ?? "text-muted-foreground")}`}
/>
<span className="font-medium capitalize">
{category.replace(/[_-]/g, " ")}
@@ -633,7 +633,7 @@ export function CategorySidebar({
>
<CategoryIcon
iconName="template"
className={`h-5 w-5 ${selectedCategory === null ? "text-primary" : "text-muted-foreground group-hover:text-foreground"}`}
className={`h-5 w-5 ${selectedCategory === null ? "text-primary" : (categoryIconColorMap["template"] ?? "text-muted-foreground group-hover:text-foreground")}`}
/>
<span
className={`mt-1 rounded px-1 text-xs ${
@@ -668,7 +668,7 @@ export function CategorySidebar({
>
<CategoryIcon
iconName={categoryIconMapping[category] ?? "box"}
className={`h-5 w-5 ${isSelected ? "text-primary" : "text-muted-foreground group-hover:text-foreground"}`}
className={`h-5 w-5 ${isSelected ? "text-primary" : (categoryIconColorMap[categoryIconMapping[category] ?? "box"] ?? "text-muted-foreground group-hover:text-foreground")}`}
/>
<span
className={`mt-1 rounded px-1 text-xs ${