72 lines
1.6 KiB
JavaScript
Executable File
72 lines
1.6 KiB
JavaScript
Executable File
|
|
import React, { PropTypes } from 'react'
|
|
import { connect } from 'react-redux'
|
|
import { hashHistory } from 'react-router'
|
|
import { createStore, bindActionCreators } from 'redux'
|
|
|
|
import * as helpers from '../../helpers'
|
|
import * as uiActions from '../../services/ui/actions'
|
|
|
|
class SearchForm extends React.Component{
|
|
|
|
constructor(props){
|
|
super(props);
|
|
|
|
this.state = {
|
|
term: this.props.term
|
|
}
|
|
}
|
|
|
|
handleSubmit(e){
|
|
e.preventDefault()
|
|
|
|
// check for uri type matching
|
|
switch (helpers.uriType(this.props.term)){
|
|
|
|
case 'album':
|
|
hashHistory.push(global.baseURL+'album/'+encodeURIComponent(this.props.term))
|
|
break
|
|
|
|
case 'artist':
|
|
hashHistory.push(global.baseURL+'artist/'+encodeURIComponent(this.props.term))
|
|
break
|
|
|
|
case 'playlist':
|
|
hashHistory.push(global.baseURL+'playlist/'+encodeURIComponent(this.props.term))
|
|
break
|
|
|
|
case 'track':
|
|
hashHistory.push(global.baseURL+'track/'+encodeURIComponent(this.props.term))
|
|
break
|
|
|
|
default:
|
|
this.props.onSubmit(this.state.term);
|
|
break
|
|
}
|
|
|
|
return false
|
|
}
|
|
|
|
render(){
|
|
return (
|
|
<form className="search-form" onSubmit={e => this.handleSubmit(e)}>
|
|
<label>
|
|
<input
|
|
type="text"
|
|
placeholder="Search..."
|
|
onChange={e => this.setState({term: e.target.value})}
|
|
onBlur={e => this.props.onBlur(this.state.term)}
|
|
value={ this.state.term } />
|
|
</label>
|
|
</form>
|
|
)
|
|
}
|
|
}
|
|
|
|
const mapDispatchToProps = (dispatch) => {
|
|
return {
|
|
uiActions: bindActionCreators(uiActions, dispatch)
|
|
}
|
|
}
|
|
|
|
export default connect(mapDispatchToProps)(SearchForm) |