sup
This commit is contained in:
@@ -4,7 +4,11 @@ import styles from './Header.scss';
|
||||
import classNames from 'classnames/bind';
|
||||
const cx = classNames.bind(styles);
|
||||
|
||||
const Header = ({ activeEditors, toggleEditors, showHistorySidebar, toggleHistorySidebar }) => {
|
||||
const Header = ({
|
||||
activeEditors,
|
||||
toggleEditors,
|
||||
addRevision,
|
||||
}) => {
|
||||
return (
|
||||
<div className={ styles.header }>
|
||||
<div className={ styles.headerItem }><i>Beautiful</i> Atlas</div>
|
||||
@@ -19,18 +23,16 @@ const Header = ({ activeEditors, toggleEditors, showHistorySidebar, toggleHistor
|
||||
>Text</span>
|
||||
</div>
|
||||
<div className={ cx('headerItem', 'sidebar') }>
|
||||
<span
|
||||
onClick={toggleHistorySidebar}
|
||||
className={ showHistorySidebar ? styles.active : '' }
|
||||
>History</span>
|
||||
<span onClick={addRevision.bind(this, (new Date()).toISOString())}>Save</span>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
Header.propTypes = {
|
||||
showHistorySidebar: React.PropTypes.bool.isRequired,
|
||||
toggleHistorySidebar: React.PropTypes.func.isRequired,
|
||||
}
|
||||
activeEditors: React.PropTypes.array.isRequired,
|
||||
toggleEditors: React.PropTypes.func.isRequired,
|
||||
addRevision: React.PropTypes.func.isRequired,
|
||||
};
|
||||
|
||||
export default Header;
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
import styles from './HistorySidebar.scss';
|
||||
|
||||
class HistorySidebar extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<div className={ styles.container }>
|
||||
<div className={ styles.header }>
|
||||
Revisions
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default HistorySidebar;
|
||||
@@ -1,12 +0,0 @@
|
||||
.container {
|
||||
width: 200px;
|
||||
|
||||
background-color: #FBFBFB;
|
||||
border-left: 1px solid #f0f0f0;
|
||||
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 20px 10px;
|
||||
}
|
||||
@@ -1,2 +0,0 @@
|
||||
import HistorySidebar from './HistorySidebar';
|
||||
export default HistorySidebar;
|
||||
Reference in New Issue
Block a user