add support for i18n

gitstart · gitstart · commit 9558c4c8d3d1 · 2023-08-25T08:35:11.000Z
diff --git a/apps/storybook/.storybook/i18next.js b/apps/storybook/.storybook/i18next.js
@@ -1,9 +1,29 @@
 import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
 
+const ns = ["common"];
+const supportedLngs = ["en", "fr"];
+const resources = ns.reduce((acc, n) => {
+  supportedLngs.forEach((lng) => {
+    if (!acc[lng]) acc[lng] = {};
+    acc[lng] = {
+      ...acc[lng],
+      [n]: require(`../../web/public/static/locales/${lng}/${n}.json`),
+    };
+  });
+  return acc;
+}, {});
+
 i18n.use(initReactI18next).init({
-  resources: [],
   debug: true,
+  fallbackLng: "en",
+  defaultNS: "common",
+  ns,
+  interpolation: {
+    escapeValue: false,
+  },
+  react: { useSuspense: true },
+  resources,
 });
 
 export default i18n;
diff --git a/apps/storybook/.storybook/preview.jsx b/apps/storybook/.storybook/preview.jsx
@@ -21,6 +21,14 @@ export const parameters = {
     push() {},
     Provider: AppRouterContext.Provider,
   },
+  globals: {
+    locale: "en",
+    locales: {
+      en: "English",
+      fr: "Français",
+    },
+  },
+  i18n,
 };
 
 addDecorator((storyFn) => (
diff --git a/packages/ui/components/unpublished-entity/unpublishedEntity.stories.mdx b/packages/ui/components/unpublished-entity/unpublishedEntity.stories.mdx
@@ -25,11 +25,11 @@ The `UnpublishedEntity` component consists of the following parts:
 ## UnpublishedEntity Story
 
 <Canvas>
-  <Story name="UnpublishedEntity">
-    {() => (
-      <VariantsTable titles={["Default"]} columnMinWidth={100}>
+  <Story name="UnpublishedEntity" args={{ name: "TeamExample", teamSlug: "team-example" }}>
+    {(args) => (
+      <VariantsTable titles={["Default"]} columnMinWidth={150}>
         <VariantRow>
-          <UnpublishedEntity />
+          <UnpublishedEntity {...args} />
         </VariantRow>
       </VariantsTable>
     )}
