From cdd7890bef6e5d67821ff679dc1f6c8fadb27e68 Mon Sep 17 00:00:00 2001
From: Aditya Pimpalkar <adipimpalkar@gmail.com>
Date: Tue, 12 Sep 2023 20:54:01 +0100
Subject: [PATCH] fix: Icon size stroke in MenuItem (#1545)

* icon size change

* stroke prop

* lint fix

* lint refix

* wrong repo change
---
 front/src/modules/ui/icon/types/IconComponent.ts             | 5 ++++-
 .../menu-item/internals/components/MenuItemLeftContent.tsx   | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/front/src/modules/ui/icon/types/IconComponent.ts b/front/src/modules/ui/icon/types/IconComponent.ts
index edcc48f5d..47e141f48 100644
--- a/front/src/modules/ui/icon/types/IconComponent.ts
+++ b/front/src/modules/ui/icon/types/IconComponent.ts
@@ -1,3 +1,6 @@
 import { FunctionComponent } from 'react';
 
-export type IconComponent = FunctionComponent<{ size?: number }>;
+export type IconComponent = FunctionComponent<{
+  size?: number;
+  stroke?: number;
+}>;
diff --git a/front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx b/front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx
index b0462c582..d3f21d194 100644
--- a/front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx
+++ b/front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx
@@ -18,7 +18,9 @@ export function MenuItemLeftContent({ LeftIcon, text }: OwnProps) {
 
   return (
     <StyledMenuItemLeftContent>
-      {LeftIcon && <LeftIcon size={theme.icon.size.md} />}
+      {LeftIcon && (
+        <LeftIcon size={theme.icon.size.md} stroke={theme.icon.stroke.sm} />
+      )}
       <StyledMenuItemLabel hasLeftIcon={!!LeftIcon}>
         <OverflowingTextWithTooltip text={text} />
       </StyledMenuItemLabel>