1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-05 17:02:47 +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,30 +1,16 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CommonToolbar from './toolbar/common-toolbar';
const propTypes = {
children: PropTypes.object.isRequired,
onShowSidePanel: PropTypes.func.isRequired,
};
class MainPanel extends Component {
onSearchedClick = () => {
//todos;
}
render() {
return (
<div className="main-panel o-hidden">
<div className="main-panel-north">
<div className="cur-view-toolbar">
<span className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none" title="Side Nav Menu" onClick={this.props.onShowSidePanel}></span>
</div>
<CommonToolbar onSearchedClick={this.onSearchedClick} searchPlaceholder={'Search Files'}/>
</div>
<div className="main-panel-center">
{this.props.children}
</div>
{this.props.children}
</div>
);
}

View File

@@ -0,0 +1,35 @@
import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
import CommonToolbar from './common-toolbar';
const propTypes = {
onShowSidePanel: PropTypes.func.isRequired,
onSearchedClick: PropTypes.func.isRequired,
};
class GeneralToolbar extends React.Component {
render() {
let { onShowSidePanel, onSearchedClick } = this.props;
let placeHolder = this.props.searchPlaceholder || 'Search files in this library';
return (
<Fragment>
<div className="cur-view-toolbar">
<span
className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none"
title="Side Nav Menu"
onClick={onShowSidePanel}>
</span>
</div>
<CommonToolbar
searchPlaceholder={placeHolder}
onSearchedClick={onSearchedClick}
/>
</Fragment>
);
}
}
GeneralToolbar.propTypes = propTypes;
export default GeneralToolbar;