From c4ec0fe9ed19a10128e6cd7c0540372c64fcfaf2 Mon Sep 17 00:00:00 2001
From: "CanbiZ (MickLesk)" <47820557+MickLesk@users.noreply.github.com>
Date: Wed, 1 Apr 2026 15:16:28 +0200
Subject: [PATCH] Use categoryIconColorMap for sidebar icons

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.
---
 src/app/_components/CategorySidebar.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/_components/CategorySidebar.tsx b/src/app/_components/CategorySidebar.tsx
index 22bebde..7c4eefb 100644
--- a/src/app/_components/CategorySidebar.tsx
+++ b/src/app/_components/CategorySidebar.tsx
@@ -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 ${