[Upd #209] Storybook global locale setting on the top toolbar; Proof …

…of concept
kbss-cvut · Jul 3, 2023 · 2656432 · 2656432
1 parent 4d07c05
commit 2656432
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -30,6 +30,18 @@ export const globalTypes = {
     ],
     control: { type: "radio" },
   },
+  locale2: {
+    description: "Internationalization locale",
+    defaultValue: "en",
+    toolbar: {
+      icon: "globe",
+      items: [
+        { value: "en", right: "🇺🇸", title: "English" },
+        { value: "cs", right: "🇨🇿", title: "Česky" },
+      ],
+      dynamicTitle: true,
+    },
+  },
   locale: {
     name: "Locale",
     description: "Internationalization locale",
@@ -105,10 +117,10 @@ const fetchTypeAheadValues = () => {
 
 export const preview = {
   decorators: [
-    (Story) => (
+    (Story, context) => (
       <ConfigurationContextProvider options={options}>
         <FormGenContextProvider fetchTypeAheadValues={fetchTypeAheadValues}>
-          <IntlContextProvider locale={globalTypes.locale.defaultValue}>
+          <IntlContextProvider locale={context.globals.locale2}>
             <Story />
           </IntlContextProvider>
         </FormGenContextProvider>

diff --git a/src/stories/Answer.stories.tsx b/src/stories/Answer.stories.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import Answer from "../components/Answer";
 import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { preview } from "../../.storybook/preview";
 
 import question from "./assets/question/questionWithMedia.json";
 import questionTypeHead from "./assets/question/questionTypeHead.json";
@@ -13,7 +14,8 @@ import questionTurtleInput from "./assets/question/questionTurtleInput.json";
 export default {
   title: "Components/Answer",
   component: Answer,
-} as ComponentMeta<typeof Answer>;
+  decorators: preview.decorators,
+};
 
 const Template: ComponentStory<typeof Answer> = (args) => {
   return (