From 674ff4aa65886cdae499da6801a8d7a3a8c60c86 Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Tue, 7 Feb 2023 14:23:28 -0500
Subject: [PATCH] Add support for react-intl for Storybook

---
 .storybook/main.ts     |  1 +
 .storybook/preview.ts  | 12 ------------
 .storybook/preview.tsx | 22 ++++++++++++++++++++++
 package.json           |  1 +
 yarn.lock              | 12 ++++++++++++
 5 files changed, 36 insertions(+), 12 deletions(-)
 delete mode 100644 .storybook/preview.ts
 create mode 100644 .storybook/preview.tsx

diff --git a/.storybook/main.ts b/.storybook/main.ts
index 00f1703c0..bb4c1d232 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -11,6 +11,7 @@ const config: StorybookConfig = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
+    'storybook-react-intl',
     {
       name: '@storybook/addon-postcss',
       options: {
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
deleted file mode 100644
index c876c5abf..000000000
--- a/.storybook/preview.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import '../app/styles/tailwind.css';
-import '../stories/theme.css';
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}
\ No newline at end of file
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
new file mode 100644
index 000000000..df2195f0c
--- /dev/null
+++ b/.storybook/preview.tsx
@@ -0,0 +1,22 @@
+import '../app/styles/tailwind.css';
+import '../stories/theme.css';
+
+import { addDecorator, Story } from '@storybook/react';
+import { IntlProvider } from 'react-intl';
+import React from 'react';
+
+const withProvider = (Story: Story) => (
+  <IntlProvider locale='en'><Story /></IntlProvider>
+);
+
+addDecorator(withProvider);
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};
diff --git a/package.json b/package.json
index 466d64c29..006ae7360 100644
--- a/package.json
+++ b/package.json
@@ -232,6 +232,7 @@
     "raf": "^3.4.1",
     "react-intl-translations-manager": "^5.0.3",
     "react-refresh": "^0.14.0",
+    "storybook-react-intl": "^1.1.1",
     "stylelint": "^14.0.0",
     "stylelint-config-standard-scss": "^6.1.0",
     "tailwindcss": "^3.2.1",
diff --git a/yarn.lock b/yarn.lock
index 5874e4b71..fa8362347 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16045,6 +16045,18 @@ store2@^2.12.0:
   resolved "https://registry.yarnpkg.com/store2/-/store2-2.14.2.tgz#56138d200f9fe5f582ad63bc2704dbc0e4a45068"
   integrity sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==
 
+storybook-i18n@^1.1.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/storybook-i18n/-/storybook-i18n-1.1.4.tgz#f463287fa7d8c79c8283c4e7157c8557ebaf408f"
+  integrity sha512-0xD005aEBWhuDFU9oO5Yf+33MZQa/NWa2CWjkBODhcqC+N5WJhEPGUSQs8o9AqzQoRpIBOMQ3CS0cbRGbBuTxQ==
+
+storybook-react-intl@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/storybook-react-intl/-/storybook-react-intl-1.1.1.tgz#e0f3dd36fd6ec2ef3ac077c9488bfa2299ae6705"
+  integrity sha512-KD1G7TPo3+9nBXMkg6lk9MpS3RYMjUxam8d5S/NhHwzom0cnTk2AW4bd0zRmJkdjds1xuIhwZxet7Ebp9dggzw==
+  dependencies:
+    storybook-i18n "^1.1.2"
+
 stream-browserify@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"