43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
import React from 'react'
|
|
import Router from 'component/router'
|
|
import Header from 'component/header';
|
|
import ErrorModal from 'component/errorModal'
|
|
import DownloadingModal from 'component/downloadingModal'
|
|
import UpgradeModal from 'component/upgradeModal'
|
|
import {Line} from 'rc-progress';
|
|
|
|
class App extends React.Component {
|
|
componentWillMount() {
|
|
document.addEventListener('unhandledError', (event) => {
|
|
this.props.alertError(event.detail);
|
|
});
|
|
|
|
if (!this.props.upgradeSkipped) {
|
|
this.props.checkUpgradeAvailable()
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const {
|
|
currentPage,
|
|
modal,
|
|
headerLinks,
|
|
searchTerm,
|
|
} = this.props
|
|
const searchQuery = (currentPage == 'discover' && searchTerm ? searchTerm : '')
|
|
|
|
return <div id="window">
|
|
<Header initialQuery={searchQuery} onSearch={() => { alert('header search'); }}
|
|
onSubmit={() => { alert('header submit'); }} links={headerLinks} />
|
|
<div id="main-content">
|
|
<Router />
|
|
</div>
|
|
{modal == 'upgrade' && <UpgradeModal />}
|
|
{modal == 'downloading' && <DownloadingModal />}
|
|
{modal == 'error' && <ErrorModal />}
|
|
</div>
|
|
}
|
|
}
|
|
|
|
export default App
|