fix: add option for svgs with fill (#32)

zenml-io · Oct 23, 2023 · 9b0176b · 9b0176b
1 parent f35cee0
commit 9b0176b
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
@@ -128,14 +128,28 @@ type SidebarItemContentProps = {
 	icon: ReactNode;
 	label: string;
 	isActive?: boolean;
+	svgStroke?: boolean;
 };
 
-export function SidebarItemContent({ icon, label, isActive }: SidebarItemContentProps) {
+export function SidebarItemContent({
+	icon,
+	label,
+	isActive,
+	svgStroke = false
+}: SidebarItemContentProps) {
 	const existingIconClasses = isValidElement(icon) ? icon.props.className || "" : "";
 
 	const iconClasses = cn(
 		existingIconClasses,
-		`w-5 h-5 shrink-0 ${isActive ? "stroke-primary-400" : "stroke-theme-text-tertiary"}	`
+		`w-5 h-5 shrink-0 ${
+			svgStroke
+				? isActive
+					? "stroke-primary-400"
+					: "stroke-theme-text-tertiary"
+				: isActive
+				? "fill-primary-400"
+				: "fill-theme-text-tertiary"
+		}	`
 	);
 	return (
 		<>