added multiple language support with related layout directions

1 files changed, 4 insertions, 2 deletions

diff --git a/modern/src/App.js b/modern/src/App.js
index ac7cdb26..228fe554 100644
--- a/modern/src/App.js
+++ b/modern/src/App.js
@@ -38,12 +38,13 @@ import ResetPasswordForm from './components/registration/ResetPasswordForm';
 import theme from './theme';
 import GeofencesPage from './GeofencesPage';
 import GeofencePage from './GeofencePage';
+import { LocalizationProvider } from './common/localization';
 
 const App = () => {
   const initialized = useSelector((state) => !!state.session.server && !!state.session.user);
 
   return (
-    <ThemeProvider theme={theme}>
+    <LocalizationProvider>
       <CssBaseline />
       <SocketController />
       <CachingController />
@@ -84,7 +85,8 @@ const App = () => {
           )}
         </Route>
       </Switch>
-    </ThemeProvider>
+    </LocalizationProvider>
+
   );
 };