From 19931614dc53da440718e512d39a87ca9118b96e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20H=2E=20K=C3=B6hler?= <pedrokohlerbh@gmail.com>
Date: Thu, 16 Jan 2025 13:42:58 -0300
Subject: [PATCH] fix: context menu icon (#4696)

---
 .../src/CustomizableContextMenu/ContextMenuItemsBuilder.ts      | 2 +-
 platform/ui-next/src/components/Icons/Icons.tsx                 | 1 +
 platform/ui/src/components/ContextMenu/ContextMenu.tsx          | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/extensions/default/src/CustomizableContextMenu/ContextMenuItemsBuilder.ts b/extensions/default/src/CustomizableContextMenu/ContextMenuItemsBuilder.ts
index 88860b2a1..dc3162ff9 100644
--- a/extensions/default/src/CustomizableContextMenu/ContextMenuItemsBuilder.ts
+++ b/extensions/default/src/CustomizableContextMenu/ContextMenuItemsBuilder.ts
@@ -154,7 +154,7 @@ export function adaptItem(item: MenuItem, subProps: ContextMenuProps): ContextMe
   };
 
   if (item.actionType === 'ShowSubMenu' && !newItem.iconRight) {
-    newItem.iconRight = 'chevron-menu';
+    newItem.iconRight = 'chevron-down';
   }
   if (!item.action) {
     newItem.action = (itemRef, componentProps) => {
diff --git a/platform/ui-next/src/components/Icons/Icons.tsx b/platform/ui-next/src/components/Icons/Icons.tsx
index 677711139..ffef4e27d 100644
--- a/platform/ui-next/src/components/Icons/Icons.tsx
+++ b/platform/ui-next/src/components/Icons/Icons.tsx
@@ -674,6 +674,7 @@ export const Icons = {
   'layout-common-2x3': (props: IconProps) => LayoutCommon2x3(props),
   pencil: (props: IconProps) => Pencil(props),
   'icon-list-view': (props: IconProps) => ListView(props),
+  'chevron-menu': 'chevron-down',
   clipboard: (props: IconProps) => Clipboard(props),
 
   /** Adds an icon to the set of icons */
diff --git a/platform/ui/src/components/ContextMenu/ContextMenu.tsx b/platform/ui/src/components/ContextMenu/ContextMenu.tsx
index 2d65d9ce6..3cd66a635 100644
--- a/platform/ui/src/components/ContextMenu/ContextMenu.tsx
+++ b/platform/ui/src/components/ContextMenu/ContextMenu.tsx
@@ -25,7 +25,7 @@ const ContextMenu = ({ items, ...props }) => {
           {item.iconRight && (
             <Icons.ByName
               name={item.iconRight}
-              className="inline"
+              className="inline text-white"
             />
           )}
         </div>