r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Export unconnected Searchbar for use elsewhere (with sketch search)

Browse source
This commit is contained in:
Andrew Nicolaou 2019-10-20 21:58:13 +02:00
parent 3554fe9eb4
commit edfddcc75f
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
client/modules/IDE/components/Searchbar.jsx
View file

@ -8,7 +8,7 @@ import * as SortingActions from '../actions/sorting';
const searchIcon = require('../../../images/magnifyingglass.svg'); const searchIcon = require('../../../images/magnifyingglass.svg');
class Searchbar extends React.Component { export class Searchbar extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
@ -58,7 +58,7 @@ class Searchbar extends React.Component {
className="searchbar__input" className="searchbar__input"
type="text" type="text"
value={searchValue} value={searchValue}
placeholder="Search sketches..." placeholder={this.props.searchLabel}
onChange={this.handleSearchChange} onChange={this.handleSearchChange}
onKeyUp={this.handleSearchEnter} onKeyUp={this.handleSearchEnter}
/> />
@ -75,9 +75,15 @@ class Searchbar extends React.Component {
Searchbar.propTypes = { Searchbar.propTypes = {
searchTerm: PropTypes.string.isRequired, searchTerm: PropTypes.string.isRequired,
setSearchTerm: PropTypes.func.isRequired, setSearchTerm: PropTypes.func.isRequired,
resetSearchTerm: PropTypes.func.isRequired resetSearchTerm: PropTypes.func.isRequired,
searchLabel: PropTypes.string,
}; };
Searchbar.defaultProps = {
searchLabel: 'Search sketches...',
};
function mapStateToProps(state) { function mapStateToProps(state) {
return { return {
searchTerm: state.search.searchTerm searchTerm: state.search.searchTerm