mirror of
https://github.com/Novaloop-AG/healthchat-web.git
synced 2026-11-07 06:58:25 +00:00
David Baker
13696af194
* Split translations between EW and shared components Uses update module API with global TranslationKey type that can be overridden. WIP. * Removed the wrong script (for now) * Add the type files * Add shared components i18n file * More i18n strings * Add i18n check for shared conmponents * Needs a different name * rerun i18n for merge from develop, fix test * Move translated strings to shared components file NB. there are lots of removed strings for a few languages where we seem to have hit a localazy bug or something where the key/value for plurals got switched, making the translations invalid. They've been missing for a while so I'm removing them rather than trying to restore them, * Add shared components files to localazy * Merge element web & shared component translations for the built app * Use right translations for shared component tests and fix missign en_EN strings * Pull shared components translations too * Fix/disable warnings * We can now remove the build:res call ...right? (right?) * Remove webpack import for languages index ..and just load it using a relative path which we do for the individual language files and also did anyway for the index because even in non-test it was an object, not a string, so we always usesd the 'test' code path. * Make the storybook language selector work ...without referring to the parent app's files * Revert unnecessary yarn lock change * Typo Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> * Add comment on why we use merge * Fix localazy download config to actually put the translations in the right place * Better typescript syntax Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> * Watch both translations files --------- Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
60 lines
2.1 KiB
TypeScript
60 lines
2.1 KiB
TypeScript
/*
|
|
* Copyright 2025 New Vector Ltd.
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
* Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import { Addon, types, useGlobals } from "storybook/manager-api";
|
|
import { WithTooltip, IconButton, TooltipLinkList } from "storybook/internal/components";
|
|
import React from "react";
|
|
import { GlobeIcon } from "@storybook/icons";
|
|
|
|
const languages = JSON.parse(process.env.STORYBOOK_LANGUAGES);
|
|
|
|
/**
|
|
* Returns the title of a language in the user's locale.
|
|
*/
|
|
function languageTitle(language: string): string {
|
|
const normalisedLang = language.toLowerCase().replace("_", "-");
|
|
return new Intl.DisplayNames([normalisedLang], { type: "language", style: "short" }).of(normalisedLang) || language;
|
|
}
|
|
|
|
export const languageAddon: Addon = {
|
|
title: "Language Selector",
|
|
type: types.TOOL,
|
|
render: ({ active }) => {
|
|
const [globals, updateGlobals] = useGlobals();
|
|
const selectedLanguage = globals.language || "en";
|
|
|
|
return (
|
|
<WithTooltip
|
|
placement="top"
|
|
trigger="click"
|
|
closeOnOutsideClick
|
|
tooltip={({ onHide }) => {
|
|
return (
|
|
<TooltipLinkList
|
|
links={languages.map((language) => ({
|
|
id: language,
|
|
title: languageTitle(language),
|
|
active: selectedLanguage === language,
|
|
onClick: async () => {
|
|
// Update the global state with the selected language
|
|
updateGlobals({ language });
|
|
onHide();
|
|
},
|
|
}))}
|
|
/>
|
|
);
|
|
}}
|
|
>
|
|
<IconButton title="Language">
|
|
<GlobeIcon />
|
|
{languageTitle(selectedLanguage)}
|
|
</IconButton>
|
|
</WithTooltip>
|
|
);
|
|
},
|
|
};
|