66 lines
1.7 KiB
JavaScript
66 lines
1.7 KiB
JavaScript
|
import React from 'react';
|
|||
|
|
import ReactDOM from 'react-dom';
|
|||
|
|
import {Router, Route, browserHistory, IndexRoute} from 'react-router';
|
|||
|
|
import {Provider} from 'react-redux';
|
|||
|
|
import {createStore, applyMiddleware, compose} from 'redux';
|
|||
|
|
import reducers from './reducers';
|
|||
|
|
import routes from './routes';
|
|||
|
|
import thunk from 'redux-thunk';
|
|||
|
|
import {set_i18n} from './actions';
|
|||
|
|
import i18next from 'i18next';
|
|||
|
|
|
|||
|
|
const middleware = [thunk];
|
|||
|
|
|
|||
|
|
const composeEnhancers =
|
|||
|
|
typeof window === 'object' &&
|
|||
|
|
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
|
|||
|
|
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
|
|||
|
|
// Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...
|
|||
|
|
}) : compose;
|
|||
|
|
|
|||
|
|
const enhancer = composeEnhancers(
|
|||
|
|
applyMiddleware(...middleware),
|
|||
|
|
// other store enhancers if any
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
let {NODE_ENV} = process.env;
|
|||
|
|
|
|||
|
|
const store = createStore(reducers, NODE_ENV && NODE_ENV == 'production' ? applyMiddleware(...middleware) : enhancer );
|
|||
|
|
|
|||
|
|
// store.subscribe(() => {
|
|||
|
|
// console.log(store.getState().dialog);
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
class PageRoot extends React.Component {
|
|||
|
|
|
|||
|
|
componentDidMount(){
|
|||
|
|
let lang = navigator
|
|||
|
|
.language
|
|||
|
|
.substring(0, 2);
|
|||
|
|
fetch(`/locales/${lang}.json`).then(response => {
|
|||
|
|
if (response.status == 200)
|
|||
|
|
return response.json();
|
|||
|
|
return {}
|
|||
|
|
}).then(json => {
|
|||
|
|
i18next.init({
|
|||
|
|
lng: lang,
|
|||
|
|
resources: json
|
|||
|
|
}, () => {
|
|||
|
|
store.dispatch(set_i18n(i18next));
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
render() {
|
|||
|
|
return (
|
|||
|
|
<Provider store={store}>
|
|||
|
|
<Router history={browserHistory} routes={routes}/>
|
|||
|
|
</Provider>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ReactDOM.render(
|
|||
|
|
<PageRoot />,
|
|||
|
|
document.getElementById('app')
|
|||
|
|
);
|