mirror of
https://github.com/vector-im/element-call.git
synced 2026-08-08 20:09:19 +00:00
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import type { Preview } from "@storybook/react-vite";
|
|
import { TooltipProvider } from "@vector-im/compound-web";
|
|
import i18n from "i18next";
|
|
import { logger } from "matrix-js-sdk/lib/logger";
|
|
|
|
import EN from "../locales/en/app.json";
|
|
import { initReactI18next } from "react-i18next";
|
|
import "../src/index.css";
|
|
|
|
// Bare-minimum i18n config
|
|
i18n
|
|
.use(initReactI18next)
|
|
.init({
|
|
lng: "en",
|
|
fallbackLng: "en",
|
|
supportedLngs: ["en"],
|
|
// We embed the translations, so that it never needs to fetch
|
|
resources: {
|
|
en: {
|
|
translation: EN,
|
|
},
|
|
},
|
|
interpolation: {
|
|
escapeValue: false, // React has built-in XSS protections
|
|
},
|
|
})
|
|
.catch((e) => logger.warn("Failed to init i18n for stories", e));
|
|
|
|
const preview: Preview = {
|
|
parameters: {
|
|
layout: "centered",
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
},
|
|
tags: ["autodocs"],
|
|
decorators: [
|
|
(Story) => (
|
|
<TooltipProvider>
|
|
<Story />
|
|
</TooltipProvider>
|
|
),
|
|
],
|
|
};
|
|
|
|
export default preview;
|