1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 10:58:33 +00:00

Repair router compatibility (#2562)

This commit is contained in:
杨顺强
2018-11-26 14:00:32 +08:00
committed by Daniel Pan
parent 8dfaa726e8
commit f95a093d66
13 changed files with 254 additions and 115 deletions

View File

@@ -1,7 +1,8 @@
import React from 'react';
import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
import { siteRoot, gettext } from '../../utils/constants';
import { Link } from '@reach/router';
import GeneralToolbar from '../../components/toolbar/general-toolbar';
const propTypes = {
currentTab: PropTypes.string.isRequired,
@@ -20,23 +21,30 @@ class DraftsView extends React.Component {
render() {
return (
<div className="cur-view-container">
<div className="cur-view-path">
<ul className="tab-tabs-nav">
<li className={`tab ${this.props.currentTab === 'drafts' ? 'ui-state-active': ''}`} onClick={() => this.tabItemClick('drafts')}>
<Link className='a' to={siteRoot + 'drafts/'} title={gettext('Drafts')}>
{gettext('Drafts')}
</Link>
</li>
<li className={`tab ${this.props.currentTab === 'reviews' ? 'ui-state-active': ''}`} onClick={() => this.tabItemClick('reviews')}>
<Link className='a' to={siteRoot + 'drafts/reviews/'} title={gettext('reviews')}>
{gettext('Reviews')}
</Link>
</li>
</ul>
<Fragment>
<div className="main-panel-north">
<GeneralToolbar
searchPlaceholder={'Search Files'}
onShowSidePanel={this.props.onShowSidePanel}
onSearchedClick={this.props.onSearchedClick}
/>
</div>
{this.props.children}
</div>
<div className="main-panel-center">
<div className="cur-view-container">
<div className="cur-view-path">
<ul className="tab-tabs-nav">
<li className={`tab ${this.props.currentTab === 'drafts' ? 'ui-state-active': ''}`} onClick={() => this.tabItemClick('drafts')}>
<Link className='a' to={siteRoot + 'drafts/'} title={gettext('Drafts')}>{gettext('Drafts')}</Link>
</li>
<li className={`tab ${this.props.currentTab === 'reviews' ? 'ui-state-active': ''}`} onClick={() => this.tabItemClick('reviews')}>
<Link className='a' to={siteRoot + 'drafts/reviews/'} title={gettext('reviews')}>{gettext('Reviews')}</Link>
</li>
</ul>
</div>
{this.props.children}
</div>
</div>
</Fragment>
);
}
}