public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-14 02:06:29 +00:00
Code Issues Releases Wiki Activity

fix search bug

Browse Source
This commit is contained in:
Rokt33r
2015-07-21 00:18:00 +09:00
parent 03918527f6
commit bd2816b2ac
4 changed files with 151 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
browser/main/Components/PlanetHeader.jsx
View File

@@ -4,7 +4,8 @@ var PlanetHeader = React.createClass({
propTypes: {
currentPlanet: React.PropTypes.object,
currentUser: React.PropTypes.object,
onSearchChange: React.PropTypes.func
onSearchChange: React.PropTypes.func,
search: React.PropTypes.string
},
getInitialState: function () {
return {
@@ -17,10 +18,6 @@ var PlanetHeader = React.createClass({
interceptClick: function (e) {
e.stopPropagation()
},
handleChange: function (e) {
this.setState({search: e.target.value})
this.props.onSearchChange(e.target.value)
},
handleKeyDown: function (e) {
if (e.keyCode === 27) {
React.findDOMNode(this.refs.search).blur()
@@ -33,8 +30,8 @@ var PlanetHeader = React.createClass({
return (
<div onClick={this.interceptClick} className='PlanetHeader'>
<div className='headerLabel'>
<span className='planetName'>{currentPlanetName}</span>
<span className='userName'>{currentUserName}</span><br/>
<span className='planetName'>{currentPlanetName}</span>
<button className={'menuBtn'}>
<i className='fa fa-gears'></i>
</button>
@@ -42,7 +39,7 @@ var PlanetHeader = React.createClass({
<div className='headerControl'>
<span className='searchInput'>
<i className='fa fa-search'/>
<input onKeyDown={this.handleKeyDown} onChange={this.handleChange} value={this.state.search} ref='search' tabIndex='1' type='text' className='inline-input circleInput' placeholder='Search...'/>
<input onKeyDown={this.handleKeyDown} onChange={this.props.onSearchChange} value={this.props.search} ref='search' tabIndex='1' type='text' className='inline-input circleInput' placeholder='Search...'/>
</span>
<a className='downloadButtton btn-primary'>Download Mac app</a>
</div>