|
@ -1,20 +1,20 @@ |
|
|
import React from 'react'; |
|
|
|
|
|
import AutoComplete from 'material-ui/AutoComplete'; |
|
|
import AutoComplete from 'material-ui/AutoComplete'; |
|
|
|
|
|
import React from 'react'; |
|
|
|
|
|
|
|
|
export default class Member extends React.Component { |
|
|
export default class Member extends React.Component { |
|
|
render () { |
|
|
render() { |
|
|
return ( |
|
|
return ( |
|
|
<AutoComplete |
|
|
<AutoComplete |
|
|
dataSource={this.props.members} |
|
|
dataSource={this.props.members} |
|
|
onUpdateInput={this.props.handleUpdate.bind(this)} |
|
|
onUpdateInput={this.props.handleUpdate.bind(this)} |
|
|
openOnFocus={true} |
|
|
openOnFocus |
|
|
filter={AutoComplete.noFilter} |
|
|
filter={AutoComplete.noFilter} |
|
|
onNewRequest={this.props.signIn.bind(this)} |
|
|
onNewRequest={this.props.signIn.bind(this)} |
|
|
errorText={this.props.error} |
|
|
errorText={this.props.error} |
|
|
hintText="Search members" |
|
|
hintText="Search members" |
|
|
searchText={this.props.searchText} |
|
|
searchText={this.props.searchText} |
|
|
fullWidth={true} |
|
|
fullWidth |
|
|
textFieldStyle={{textAlign: 'center', fontSize: '32px', lineHeight: '48px'}} |
|
|
textFieldStyle={{ textAlign: 'center', fontSize: '32px', lineHeight: '48px' }} |
|
|
tabIndex={this.props.tabIndex} |
|
|
tabIndex={this.props.tabIndex} |
|
|
/> |
|
|
/> |
|
|
); |
|
|
); |
|
|