IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

I18n: Wrap event-based modals with I18nProvider (#52720)

Browse Source
This commit is contained in:
Josh Hunt 2022-07-25 13:44:11 +01:00 committed by GitHub
parent 84a92bc5c8
commit 972105cc52
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/app/core/internationalization/index.tsx
View File

@ -78,3 +78,15 @@ export function I18nProvider({ children }: I18nProviderProps) {
</LinguiI18nProvider> </LinguiI18nProvider>
); );
} }
// This is only really used for ModalManager, as that creates a new react root we need to make sure is localisable.
export function provideI18n<P>(WrappedWithI18N: React.ComponentType<P>) {
const I18nProviderWrapper = (props: P) => {
return (
<I18nProvider>
<WrappedWithI18N {...props} />
</I18nProvider>
);
};
return I18nProviderWrapper;
}

3
public/app/core/services/ModalManager.ts
View File

@ -9,6 +9,7 @@ import { copyPanel } from 'app/features/dashboard/utils/panel';
import { ShowConfirmModalEvent, ShowConfirmModalPayload, ShowModalReactEvent } from '../../types/events'; import { ShowConfirmModalEvent, ShowConfirmModalPayload, ShowModalReactEvent } from '../../types/events';
import { AngularModalProxy } from '../components/modals/AngularModalProxy'; import { AngularModalProxy } from '../components/modals/AngularModalProxy';
import { provideI18n } from '../internationalization';
import { provideTheme } from '../utils/ConfigProvider'; import { provideTheme } from '../utils/ConfigProvider';
export class ModalManager { export class ModalManager {
@ -32,7 +33,7 @@ export class ModalManager {
}, },
}; };
const elem = React.createElement(provideTheme(AngularModalProxy, config.theme2), modalProps); const elem = React.createElement(provideI18n(provideTheme(AngularModalProxy, config.theme2)), modalProps);
this.reactModalRoot.appendChild(this.reactModalNode); this.reactModalRoot.appendChild(this.reactModalNode);
ReactDOM.render(elem, this.reactModalNode); ReactDOM.render(elem, this.reactModalNode);
} }