From 7eaf56f5664e4b5cca656c0d4eee382579a028d1 Mon Sep 17 00:00:00 2001
From: Charles Bochet <charlesBochet@users.noreply.github.com>
Date: Thu, 8 Feb 2024 15:14:22 +0100
Subject: [PATCH] Fix IconPicker broken storybook tests (#3884)

---
 .../components/__stories__/IconPicker.stories.tsx     |  3 ++-
 .../src/testing/decorators/IconsProviderDecorator.tsx | 11 +++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 packages/twenty-front/src/testing/decorators/IconsProviderDecorator.tsx

diff --git a/packages/twenty-front/src/modules/ui/input/components/__stories__/IconPicker.stories.tsx b/packages/twenty-front/src/modules/ui/input/components/__stories__/IconPicker.stories.tsx
index 54624e19b..95b433dfa 100644
--- a/packages/twenty-front/src/modules/ui/input/components/__stories__/IconPicker.stories.tsx
+++ b/packages/twenty-front/src/modules/ui/input/components/__stories__/IconPicker.stories.tsx
@@ -2,6 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
 
 import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+import { IconsProviderDecorator } from '~/testing/decorators/IconsProviderDecorator';
 import { sleep } from '~/testing/sleep';
 
 import { IconPicker } from '../IconPicker';
@@ -9,7 +10,7 @@ import { IconPicker } from '../IconPicker';
 const meta: Meta<typeof IconPicker> = {
   title: 'UI/Input/IconPicker/IconPicker',
   component: IconPicker,
-  decorators: [ComponentDecorator],
+  decorators: [IconsProviderDecorator, ComponentDecorator],
 };
 
 export default meta;
diff --git a/packages/twenty-front/src/testing/decorators/IconsProviderDecorator.tsx b/packages/twenty-front/src/testing/decorators/IconsProviderDecorator.tsx
new file mode 100644
index 000000000..b697a5b2d
--- /dev/null
+++ b/packages/twenty-front/src/testing/decorators/IconsProviderDecorator.tsx
@@ -0,0 +1,11 @@
+import { Decorator } from '@storybook/react';
+
+import { IconsProvider } from '@/ui/display/icon/components/IconsProvider';
+
+export const IconsProviderDecorator: Decorator = (Story) => {
+  return (
+    <IconsProvider>
+      <Story />
+    </IconsProvider>
+  );
+};