1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00

handle new note button & note list

This commit is contained in:
Dick Choi
2016-05-22 23:44:49 +09:00
parent 89a76d9ead
commit 93d3ea70fc
11 changed files with 208 additions and 79 deletions

View File

@@ -84,18 +84,35 @@ class Main extends React.Component {
<SideNav
{..._.pick(this.props, ['dispatch', 'repositories', 'config', 'location'])}
/>
<TopBar/>
<TopBar
{..._.pick(this.props, [
'dispatch',
'repositories',
'config',
'params'
])}
/>
<div styleName={config.isSideNavFolded ? 'body--expanded' : 'body'}
ref='body'
>
<NoteList style={{width: this.state.listWidth}}/>
<NoteList style={{width: this.state.listWidth}}
{..._.pick(this.props, [
'dispatch',
'repositories',
'config',
'params',
'location'
])}
/>
<div styleName={this.state.isSliderFocused ? 'slider--active' : 'slider'}
style={{left: this.state.listWidth}}
onMouseDown={(e) => this.handleSlideMouseDown(e)}
draggable='false'
/>
>
<div styleName='slider-hitbox'/>
</div>
<NoteDetail
style={{left: this.state.listWidth + 5}}
style={{left: this.state.listWidth + 1}}
/>
</div>
<StatusBar