add i18n provider in the viewer

This commit is contained in:
Rodrigo Antinarelli 2020-06-23 23:05:37 -03:00
parent a7ce1ce070
commit ef0eb53d25

View File

@ -1,12 +1,13 @@
// External // External
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import i18n from '@ohif/i18n';
import { I18nextProvider } from 'react-i18next';
import { BrowserRouter, HashRouter } from 'react-router-dom'; import { BrowserRouter, HashRouter } from 'react-router-dom';
import { import {
DialogProvider, DialogProvider,
Modal, Modal,
ModalProvider, ModalProvider,
Notification,
SnackbarProvider, SnackbarProvider,
ThemeWrapper, ThemeWrapper,
ViewportDialogProvider, ViewportDialogProvider,
@ -97,29 +98,31 @@ function App({ config, defaultExtensions }) {
return ( return (
<AppConfigProvider value={appConfigState}> <AppConfigProvider value={appConfigState}>
<Router basename={routerBasename}> <I18nextProvider i18n={i18n}>
<ThemeWrapper> <Router basename={routerBasename}>
<ViewportGridProvider <ThemeWrapper>
initialState={{ <ViewportGridProvider
numRows: 1, initialState={{
numCols: 1, numRows: 1,
viewports: [], numCols: 1,
activeViewportIndex: 0, viewports: [],
}} activeViewportIndex: 0,
reducer={viewportGridReducer} }}
> reducer={viewportGridReducer}
<ViewportDialogProvider service={UIViewportDialogService}> >
<SnackbarProvider service={UINotificationService}> <ViewportDialogProvider service={UIViewportDialogService}>
<DialogProvider service={UIDialogService}> <SnackbarProvider service={UINotificationService}>
<ModalProvider modal={Modal} service={UIModalService}> <DialogProvider service={UIDialogService}>
{appRoutes} <ModalProvider modal={Modal} service={UIModalService}>
</ModalProvider> {appRoutes}
</DialogProvider> </ModalProvider>
</SnackbarProvider> </DialogProvider>
</ViewportDialogProvider> </SnackbarProvider>
</ViewportGridProvider> </ViewportDialogProvider>
</ThemeWrapper> </ViewportGridProvider>
</Router> </ThemeWrapper>
</Router>
</I18nextProvider>
</AppConfigProvider> </AppConfigProvider>
); );
} }