2019-02-03 17:23:33 +07:00
|
|
|
/**
|
|
|
|
* @prettier
|
|
|
|
* @flow
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* eslint react/jsx-max-depth:0 */
|
|
|
|
|
2019-03-28 05:39:06 +07:00
|
|
|
import React, { Component, Fragment } from 'react';
|
|
|
|
import { Router, Route, Switch } from 'react-router-dom';
|
|
|
|
import { AppContextConsumer } from './app';
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2019-03-28 05:39:06 +07:00
|
|
|
import { asyncComponent } from './utils/asyncComponent';
|
|
|
|
import history from './history';
|
|
|
|
import Header from './components/Header';
|
|
|
|
|
|
|
|
const NotFound = asyncComponent(() => import('./components/NotFound'));
|
|
|
|
const VersionPackage = asyncComponent(() => import('./pages/version'));
|
|
|
|
const HomePage = asyncComponent(() => import('./pages/home'));
|
2019-02-03 17:23:33 +07:00
|
|
|
|
|
|
|
class RouterApp extends Component<any, any> {
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<Router history={history}>
|
|
|
|
<Fragment>
|
|
|
|
{this.renderHeader()}
|
|
|
|
<Switch>
|
2019-03-28 05:39:06 +07:00
|
|
|
<Route exact={true} path={'/'} render={this.renderHomePage} />
|
|
|
|
<Route exact={true} path={'/-/web/detail/@:scope/:package'} render={this.renderVersionPage} />
|
|
|
|
<Route exact={true} path={'/-/web/detail/:package'} render={this.renderVersionPage} />
|
2019-02-03 17:23:33 +07:00
|
|
|
<Route component={NotFound} />
|
|
|
|
</Switch>
|
|
|
|
</Fragment>
|
|
|
|
</Router>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
renderHeader = () => {
|
|
|
|
const { onLogout, onToggleLoginModal } = this.props;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<AppContextConsumer>
|
|
|
|
{function renderConsumerVersionPage({ logoUrl, scope, user }) {
|
2019-03-28 05:39:06 +07:00
|
|
|
return <Header logo={logoUrl} onLogout={onLogout} onToggleLoginModal={onToggleLoginModal} scope={scope} username={user.username} />;
|
2019-02-03 17:23:33 +07:00
|
|
|
}}
|
|
|
|
</AppContextConsumer>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
renderHomePage = () => {
|
|
|
|
return (
|
|
|
|
<AppContextConsumer>
|
|
|
|
{function renderConsumerVersionPage({ isUserLoggedIn, packages }) {
|
2019-03-28 05:39:06 +07:00
|
|
|
return <HomePage isUserLoggedIn={isUserLoggedIn} packages={packages} />;
|
2019-02-03 17:23:33 +07:00
|
|
|
}}
|
|
|
|
</AppContextConsumer>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
renderVersionPage = (routerProps: any) => {
|
|
|
|
return (
|
|
|
|
<AppContextConsumer>
|
|
|
|
{function renderConsumerVersionPage({ isUserLoggedIn }) {
|
2019-03-28 05:39:06 +07:00
|
|
|
return <VersionPackage {...routerProps} isUserLoggedIn={isUserLoggedIn} />;
|
2019-02-03 17:23:33 +07:00
|
|
|
}}
|
|
|
|
</AppContextConsumer>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export default RouterApp;
|