This commit is contained in:
Jori Lallo
2016-03-05 14:27:29 -08:00
parent 4a42f28583
commit f6456a3817
11 changed files with 63 additions and 72 deletions

View File

@@ -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;

View File

@@ -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;

View File

@@ -1,12 +0,0 @@
.container {
width: 200px;
background-color: #FBFBFB;
border-left: 1px solid #f0f0f0;
font-size: 12px;
}
.header {
padding: 20px 10px;
}

View File

@@ -1,2 +0,0 @@
import HistorySidebar from './HistorySidebar';
export default HistorySidebar;