mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Refactor i18n/intl utils, support icu only, remove renderText

Browse source
This commit is contained in:
Jamie Kyle 2023-06-14 16:26:05 -07:00 • committed by GitHub
parent e154d98688
commit b76c7269f8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 361 additions and 6478 deletions
Download patch file Download diff file Expand all files Collapse all files

32
ts/components/Intl.stories.tsx
View file

@ -20,7 +20,6 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
i18n,
id: overrideProps.id || '',
components: overrideProps.components,
renderText: overrideProps.renderText,
});
// eslint-disable-next-line max-len
@ -29,18 +28,18 @@ const Template: Story<Props> = args => <Intl {...args} />;
export const NoReplacements = Template.bind({});
NoReplacements.args = createProps({
id: 'deleteAndRestart',
id: 'icu:deleteAndRestart',
});
export const SingleStringReplacement = Template.bind({});
SingleStringReplacement.args = createProps({
id: 'leftTheGroup',
id: 'icu:leftTheGroup',
components: { name: 'Theodora' },
});
export const SingleTagReplacement = Template.bind({});
SingleTagReplacement.args = createProps({
id: 'leftTheGroup',
id: 'icu:leftTheGroup',
components: {
name: (
<button type="button" key="a-button">
@ -52,7 +51,7 @@ SingleTagReplacement.args = createProps({
export const MultipleStringReplacement = Template.bind({});
MultipleStringReplacement.args = createProps({
id: 'changedRightAfterVerify',
id: 'icu:changedRightAfterVerify',
components: {
name1: 'Fred',
name2: 'The Fredster',
@ -61,19 +60,22 @@ MultipleStringReplacement.args = createProps({
export const MultipleTagReplacement = Template.bind({});
MultipleTagReplacement.args = createProps({
id: 'changedRightAfterVerify',
id: 'icu:changedRightAfterVerify',
components: {
name1: <b>Fred</b>,
name2: <b>The Fredster</b>,
},
});
export const CustomRender = Template.bind({});
CustomRender.args = createProps({
id: 'deleteAndRestart',
renderText: ({ text: theText, key }) => (
<div style={{ backgroundColor: 'purple', color: 'orange' }} key={key}>
{theText}
</div>
),
});
export function Emoji(): JSX.Element {
const customI18n = setupI18n('en', {
'icu:emoji': {
messageformat: '<emoji>👋</emoji> Hello, world!',
},
});
return (
// eslint-disable-next-line local-rules/valid-i18n-keys
<Intl i18n={customI18n} id="icu:emoji" />
);
}