#251 Fix DropdownMenu not registering icon props properly

croz-ltd · Jun 5, 2024 · 1f39dab · 1f39dab
1 parent c176ae9
commit 1f39dab
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/libs/menu/src/DropdownMenu.tsx b/libs/menu/src/DropdownMenu.tsx
@@ -131,9 +131,19 @@ function DropdownMenu({
     { [tokens.Icon.color.light]: iconColor === "light" },
   );
 
-  const iconProps = { className: iconClassName, size: 3 };
-  const finalOpenExpanderIcon = useIcon("openExpander", openExpanderIcon, iconProps);
-  const finalCloseExpanderIcon = useIcon("closeExpander", closeExpanderIcon, iconProps);
+  const openIconProps = {
+    className: openExpanderIcon?.props.className || iconClassName,
+    size: openExpanderIcon?.props.size || 3,
+    ...openExpanderIcon?.props,
+  };
+  const finalOpenExpanderIcon = useIcon("openExpander", openExpanderIcon, openIconProps);
+
+  const closeIconProps = {
+    className: closeExpanderIcon?.props.className || iconClassName,
+    size: closeExpanderIcon?.props.size || 3,
+    ...closeExpanderIcon?.props,
+  };
+  const finalCloseExpanderIcon = useIcon("closeExpander", closeExpanderIcon, closeIconProps);
 
   const responsiveIcon = (
     <div>