Wrap intl in span identifying translation

This commit is contained in:
Jamie Curnow
2025-10-02 23:06:51 +10:00
parent fcb08d3003
commit 227e818040
68 changed files with 1076 additions and 510 deletions

View File

@@ -61,4 +61,10 @@ const changeLocale = (locale: string): void => {
document.documentElement.lang = locale;
};
export { localeOptions, getFlagCodeForLocale, getLocale, createIntl, changeLocale, intl };
// This is a translation component that wraps the translation in a span with a data
// attribute so devs can inspect the element to see the translation ID
const T = ({ id, data }: { id: string; data?: any }) => {
return <span data-translation-id={id}>{intl.formatMessage({ id }, data)}</span>;
};
export { localeOptions, getFlagCodeForLocale, getLocale, createIntl, changeLocale, intl, T };