124 lines
4.3 KiB
JavaScript
124 lines
4.3 KiB
JavaScript
import React, { Component, Fragment } from 'react';
|
|
import { HashRouter, Route } from 'react-router-dom';
|
|
import PropTypes from 'prop-types';
|
|
import { withNamespaces } from 'react-i18next';
|
|
import LoadingBar from 'react-redux-loading-bar';
|
|
|
|
import 'react-table/react-table.css';
|
|
import '../ui/Tabler.css';
|
|
import '../ui/ReactTable.css';
|
|
import './index.css';
|
|
|
|
import Header from '../../containers/Header';
|
|
import Dashboard from '../../containers/Dashboard';
|
|
import Settings from '../../containers/Settings';
|
|
import Filters from '../../containers/Filters';
|
|
import Logs from '../../containers/Logs';
|
|
import SetupGuide from '../../containers/SetupGuide';
|
|
import Toasts from '../Toasts';
|
|
import Footer from '../ui/Footer';
|
|
import Status from '../ui/Status';
|
|
import UpdateTopline from '../ui/UpdateTopline';
|
|
import UpdateOverlay from '../ui/UpdateOverlay';
|
|
import EncryptionTopline from '../ui/EncryptionTopline';
|
|
import i18n from '../../i18n';
|
|
|
|
class App extends Component {
|
|
componentDidMount() {
|
|
this.props.getDnsStatus();
|
|
}
|
|
|
|
componentDidUpdate(prevProps) {
|
|
if (this.props.dashboard.language !== prevProps.dashboard.language) {
|
|
this.setLanguage();
|
|
}
|
|
}
|
|
|
|
handleStatusChange = () => {
|
|
this.props.enableDns();
|
|
};
|
|
|
|
handleUpdate = () => {
|
|
this.props.getUpdate();
|
|
}
|
|
|
|
setLanguage = () => {
|
|
const { processing, language } = this.props.dashboard;
|
|
|
|
if (!processing) {
|
|
if (language) {
|
|
i18n.changeLanguage(language);
|
|
}
|
|
}
|
|
|
|
i18n.on('languageChanged', (lang) => {
|
|
this.props.changeLanguage(lang);
|
|
});
|
|
}
|
|
|
|
render() {
|
|
const { dashboard, encryption } = this.props;
|
|
const updateAvailable =
|
|
!dashboard.processingVersions &&
|
|
dashboard.isCoreRunning &&
|
|
dashboard.isUpdateAvailable;
|
|
|
|
return (
|
|
<HashRouter hashType='noslash'>
|
|
<Fragment>
|
|
{updateAvailable &&
|
|
<Fragment>
|
|
<UpdateTopline
|
|
url={dashboard.announcementUrl}
|
|
version={dashboard.newVersion}
|
|
canAutoUpdate={dashboard.canAutoUpdate}
|
|
getUpdate={this.handleUpdate}
|
|
processingUpdate={dashboard.processingUpdate}
|
|
/>
|
|
<UpdateOverlay processingUpdate={dashboard.processingUpdate} />
|
|
</Fragment>
|
|
}
|
|
{!encryption.processing &&
|
|
<EncryptionTopline notAfter={encryption.not_after} />
|
|
}
|
|
<LoadingBar className="loading-bar" updateTime={1000} />
|
|
<Route component={Header} />
|
|
<div className="container container--wrap">
|
|
{!dashboard.processing && !dashboard.isCoreRunning &&
|
|
<div className="row row-cards">
|
|
<div className="col-lg-12">
|
|
<Status handleStatusChange={this.handleStatusChange} />
|
|
</div>
|
|
</div>
|
|
}
|
|
{!dashboard.processing && dashboard.isCoreRunning &&
|
|
<Fragment>
|
|
<Route path="/" exact component={Dashboard} />
|
|
<Route path="/settings" component={Settings} />
|
|
<Route path="/filters" component={Filters} />
|
|
<Route path="/logs" component={Logs} />
|
|
<Route path="/guide" component={SetupGuide} />
|
|
</Fragment>
|
|
}
|
|
</div>
|
|
<Footer />
|
|
<Toasts />
|
|
</Fragment>
|
|
</HashRouter>
|
|
);
|
|
}
|
|
}
|
|
|
|
App.propTypes = {
|
|
getDnsStatus: PropTypes.func,
|
|
getUpdate: PropTypes.func,
|
|
enableDns: PropTypes.func,
|
|
dashboard: PropTypes.object,
|
|
isCoreRunning: PropTypes.bool,
|
|
error: PropTypes.string,
|
|
changeLanguage: PropTypes.func,
|
|
encryption: PropTypes.object,
|
|
};
|
|
|
|
export default withNamespaces()(App);
|