Add lazy loader for translations

Author: dhoko

containers/app/StandardPrivateApp.js

@@ -1,21 +1,14 @@
 import React, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
-import { EventManagerProvider, ModalsChildren, ThemeInjector } from 'react-components';
+import { EventManagerProvider, ModalsChildren, ThemeInjector, lazyLocales as locales } from 'react-components';
 
 import EventModelListener from '../eventManager/EventModelListener';
 import EventNotices from '../eventManager/EventNotices';
 import LoaderPage from './LoaderPage';
 import StandardPreload from './StandardPreload';
 import ForceRefreshProvider from '../forceRefresh/Provider';
 
-const StandardPrivateApp = ({
-    locales = {},
-    onLogout,
-    openpgpConfig,
-    preloadModels = [],
-    eventModels = [],
-    children
-}) => {
+const StandardPrivateApp = ({ onLogout, openpgpConfig, preloadModels = [], eventModels = [], children }) => {
     const [loading, setLoading] = useState(true);
     const eventManagerRef = useRef();
 
@@ -52,7 +45,6 @@ const StandardPrivateApp = ({
 StandardPrivateApp.propTypes = {
     onLogout: PropTypes.func.isRequired,
     children: PropTypes.node.isRequired,
-    locales: PropTypes.object,
     openpgpConfig: PropTypes.object,
     preloadModels: PropTypes.array,
     eventModels: PropTypes.array

containers/app/StandardPublicApp.js

@@ -1,11 +1,11 @@
 import React, { useEffect, useState } from 'react';
-import { LoaderPage, GenericError, ModalsChildren } from 'react-components';
+import { LoaderPage, GenericError, ModalsChildren, lazyLocales as locales } from 'react-components';
 import PropTypes from 'prop-types';
 import { loadOpenPGP } from 'proton-shared/lib/openpgp';
 import { getBrowserLocale, getClosestMatches } from 'proton-shared/lib/i18n/helper';
 import loadLocale from 'proton-shared/lib/i18n/loadLocale';
 
-const StandardPublicApp = ({ locales = {}, openpgpConfig, children }) => {
+const StandardPublicApp = ({ openpgpConfig, children }) => {
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(false);
 
@@ -46,7 +46,6 @@ const StandardPublicApp = ({ locales = {}, openpgpConfig, children }) => {
 };
 
 StandardPublicApp.propTypes = {
-    locales: PropTypes.object,
     openpgpConfig: PropTypes.object,
     children: PropTypes.node
 };

containers/general/LanguageSection.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import { c } from 'ttag';
-import PropTypes from 'prop-types';
 import {
     SubTitle,
     Row,
     Field,
     Label,
     Select,
+    lazyLocales as locales,
     useApi,
     useConfig,
     useLoading,
@@ -19,7 +19,7 @@ import { updateLocale } from 'proton-shared/lib/api/settings';
 import loadLocale from 'proton-shared/lib/i18n/loadLocale';
 import { getBrowserLocale, getClosestMatches } from 'proton-shared/lib/i18n/helper';
 
-const LanguageSection = ({ locales = {} }) => {
+const LanguageSection = () => {
     const api = useApi();
     const { call } = useEventManager();
     const { LOCALES = {} } = useConfig();
@@ -70,8 +70,4 @@ const LanguageSection = ({ locales = {} }) => {
     );
 };
 
-LanguageSection.propTypes = {
-    locales: PropTypes.object.isRequired
-};
-
 export default LanguageSection;

index.ts

@@ -326,11 +326,17 @@ export { default as AddFilterModal } from './containers/filters/AddFilterModal';
 export { default as AddEmailToListModal } from './containers/filters/AddEmailToListModal';
 export { default as StorageSpaceStatus } from './containers/sidebar/StorageSpaceStatus';
 
-export { default as OpenVPNConfigurationSection } from './containers/vpn/OpenVPNConfigurationSection/OpenVPNConfigurationSection';
+export {
+    default as OpenVPNConfigurationSection
+} from './containers/vpn/OpenVPNConfigurationSection/OpenVPNConfigurationSection';
 export { default as ProtonVPNClientsSection } from './containers/vpn/ProtonVPNClientsSection/ProtonVPNClientsSection';
 export { default as OpenVPNAccountSection } from './containers/vpn/OpenVPNAccountSection/OpenVPNAccountSection';
-export { default as ProtonVPNResourcesSection } from './containers/vpn/ProtonVPNResourcesSection/ProtonVPNResourcesSection';
-export { default as ProtonVPNCredentialsSection } from './containers/vpn/ProtonVPNCredentialsSection/ProtonVPNCredentialsSection';
+export {
+    default as ProtonVPNResourcesSection
+} from './containers/vpn/ProtonVPNResourcesSection/ProtonVPNResourcesSection';
+export {
+    default as ProtonVPNCredentialsSection
+} from './containers/vpn/ProtonVPNCredentialsSection/ProtonVPNCredentialsSection';
 
 export { useUser, useGetUser } from './hooks/useUser';
 export { default as useUserVPN } from './hooks/useUserVPN';
@@ -383,3 +389,4 @@ export { default as TopNavbar } from './containers/app/TopNavbar';
 export { default as LoaderPage } from './containers/app/LoaderPage';
 
 export * from './helpers/component';
+export { default as lazyLocales } from './helpers/lazyLocales';