2017-08-07 15:31:24 +08:00
|
|
|
import React, { Component } from "react";
|
|
|
|
import { NavDropdown, MenuItem } from "react-bootstrap";
|
|
|
|
|
|
|
|
class SearchDropdown extends Component {
|
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
|
|
|
this.state = { searchTerm: "" };
|
|
|
|
this.handleSearchTermChange = this.handleSearchTermChange.bind(this);
|
|
|
|
}
|
|
|
|
|
|
|
|
handleSearchTermChange(ev) {
|
|
|
|
ev.preventDefault();
|
|
|
|
this.setState({ searchTerm: ev.target.value });
|
|
|
|
}
|
|
|
|
|
|
|
|
handleRootClose(ev) {
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
2017-08-07 17:13:09 +08:00
|
|
|
<NavDropdown
|
|
|
|
noCaret
|
|
|
|
title={<span className="glyphicon glyphicon-search" />}
|
|
|
|
id="team-switch"
|
2017-08-07 15:31:24 +08:00
|
|
|
>
|
2017-08-07 17:13:09 +08:00
|
|
|
<MenuItem
|
|
|
|
onSelect={this.triggerSearch}
|
|
|
|
eventKey="search"
|
|
|
|
key="navSearchInput"
|
2017-08-07 15:31:24 +08:00
|
|
|
>
|
2017-08-07 17:13:09 +08:00
|
|
|
</MenuItem>
|
|
|
|
</NavDropdown>
|
2017-08-07 15:31:24 +08:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default SearchDropdown;
|