From 3ef9132525bb8c5967018380becb37ec9107c67f Mon Sep 17 00:00:00 2001
From: Charles Bochet <charlesBochet@users.noreply.github.com>
Date: Fri, 13 Oct 2023 18:06:47 +0200
Subject: [PATCH] Refactor icon picker to use shared styled dropdown menu
 (#1998)

---
 front/src/modules/ui/input/components/IconPicker.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/front/src/modules/ui/input/components/IconPicker.tsx b/front/src/modules/ui/input/components/IconPicker.tsx
index 8b771356c..8cf003a58 100644
--- a/front/src/modules/ui/input/components/IconPicker.tsx
+++ b/front/src/modules/ui/input/components/IconPicker.tsx
@@ -6,6 +6,7 @@ import { LightIconButton } from '@/ui/button/components/LightIconButton';
 import { DropdownMenu } from '@/ui/dropdown/components/DropdownMenu';
 import { DropdownMenuItemsContainer } from '@/ui/dropdown/components/DropdownMenuItemsContainer';
 import { DropdownMenuSearchInput } from '@/ui/dropdown/components/DropdownMenuSearchInput';
+import { StyledDropdownMenu } from '@/ui/dropdown/components/StyledDropdownMenu';
 import { StyledDropdownMenuSeparator } from '@/ui/dropdown/components/StyledDropdownMenuSeparator';
 import { useDropdown } from '@/ui/dropdown/hooks/useDropdown';
 import { DropdownScope } from '@/ui/dropdown/scopes/DropdownScope';
@@ -23,10 +24,6 @@ type IconPickerProps = {
   onOpen?: () => void;
 };
 
-const StyledContainer = styled.div`
-  width: 176px;
-`;
-
 const StyledMenuIconItemsContainer = styled.div`
   display: flex;
   flex-direction: row;
@@ -89,7 +86,7 @@ export const IconPicker = ({
           />
         }
         dropdownComponents={
-          <StyledContainer>
+          <StyledDropdownMenu width={168}>
             <DropdownMenuSearchInput
               placeholder="Search icon"
               autoFocus
@@ -116,7 +113,7 @@ export const IconPicker = ({
                 </StyledMenuIconItemsContainer>
               )}
             </DropdownMenuItemsContainer>
-          </StyledContainer>
+          </StyledDropdownMenu>
         }
         onClickOutside={onClickOutside}
         onClose={() => {