v/deskreen
1
0
Fork 0
mirror of https://github.com/pavlobu/deskreen.git synced 2025-05-21 01:40:12 -07:00
Code Issues Projects Releases Wiki Activity

able to change language on click in menu in react!

Browse Source
This commit is contained in:
Pavlo Buidenkov 2020-08-11 22:31:47 +03:00
parent fb4e6f6fdc
commit 147b6bbe4e
4 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/configs/i18next.config.client.ts
View File

@ -1,4 +1,4 @@
import { remote } from 'electron'; import { remote, ipcRenderer } from 'electron';
import i18n from 'i18next'; import i18n from 'i18next';
import { initReactI18next } from 'react-i18next'; import { initReactI18next } from 'react-i18next';
import SyncBackend from 'i18next-node-fs-backend'; import SyncBackend from 'i18next-node-fs-backend';
@ -39,4 +39,8 @@ if (!i18n.isInitialized) {
i18n.init(i18nextOptions); i18n.init(i18nextOptions);
} }
ipcRenderer.on('sending-language-from-main', (_, message) => {
i18n.changeLanguage(`${message}`);
});
export default i18n; export default i18n;

27
app/containers/Root.tsx
View File

@ -1,22 +1,33 @@
import React from 'react'; import React, { useEffect, useState } from 'react';
import { Provider } from 'react-redux'; import { Provider } from 'react-redux';
import { ConnectedRouter } from 'connected-react-router'; import { ConnectedRouter } from 'connected-react-router';
import { hot } from 'react-hot-loader/root'; import { hot } from 'react-hot-loader/root';
import { History } from 'history'; import { History } from 'history';
import { Store } from '../store'; import { Store } from '../store';
import Routes from '../Routes'; import Routes from '../Routes';
import i18n from '../configs/i18next.config.client';
type Props = { type Props = {
store: Store; store: Store;
history: History; history: History;
}; };
const Root = ({ store, history }: Props) => ( const Root = ({ store, history }: Props) => {
<Provider store={store}> const [, setAppLanguage] = useState('');
<ConnectedRouter history={history}>
<Routes /> useEffect(() => {
</ConnectedRouter> i18n.on('languageChanged', (lng) => {
</Provider> setAppLanguage(lng);
); });
}, []);
return (
<Provider store={store}>
<ConnectedRouter history={history}>
<Routes />
</ConnectedRouter>
</Provider>
);
};
export default hot(Root); export default hot(Root);

5
app/index.tsx
View File

@ -1,9 +1,6 @@
import React, { Fragment, Suspense } from 'react'; import React, { Fragment, Suspense } from 'react';
import { render } from 'react-dom'; import { render } from 'react-dom';
import { AppContainer as ReactHotAppContainer } from 'react-hot-loader'; import { AppContainer as ReactHotAppContainer } from 'react-hot-loader';
// import { ipcRenderer } from 'electron';
// import { I18nextProvider } from 'react-i18next';
// import i18n from './configs/i18next.config.client';
import './configs/i18next.config.client'; import './configs/i18next.config.client';
import { history, configuredStore } from './store'; import { history, configuredStore } from './store';
import './app.global.css'; import './app.global.css';
@ -12,8 +9,6 @@ const store = configuredStore();
const AppContainer = process.env.PLAIN_HMR ? Fragment : ReactHotAppContainer; const AppContainer = process.env.PLAIN_HMR ? Fragment : ReactHotAppContainer;
// let initialI18nStore = ipcRenderer.sendSync('get-initial-translations');
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
// eslint-disable-next-line global-require // eslint-disable-next-line global-require
const Root = require('./containers/Root').default; const Root = require('./containers/Root').default;

1
app/main.dev.ts
View File

@ -114,6 +114,7 @@ const createWindow = async () => {
if (mainWindow === null) return; if (mainWindow === null) return;
menuBuilder = new MenuBuilder(mainWindow, i18n); menuBuilder = new MenuBuilder(mainWindow, i18n);
menuBuilder.buildMenu(); menuBuilder.buildMenu();
mainWindow.webContents.send('sending-language-from-main', lng);
console.log(`Language changed! ${lng}`); console.log(`Language changed! ${lng}`);
}); });