UNPKG

cluedin-widget

Version:

This is the project for creating and managing widgets in CluedIn.

44 lines (38 loc) 1.42 kB
import React, { Component } from 'react'; import SearchBox from '../search/searchBox.jsx'; import { shouldFetchSuggestedSearch, shouldFetchSearch } from '../../action/search'; import { connect } from 'react-redux'; class CluedInHeader extends Component { search( q ) { this.props.dispatch( shouldFetchSearch( q ) ); } onSuggestedSearch( q ) { this.props.dispatch( shouldFetchSuggestedSearch( q ) ); } render() { const { suggestedSearches } = this.props; return ( <div className="cluedIn_header"> <header> <div className="cluedIn_header_logo"> CluedIn </div> <div className="cluedIn_header_search"> <SearchBox suggestedSearches={suggestedSearches} onSearchQueryChanged={this.onSuggestedSearch.bind(this)} onEnter={this.search.bind(this)}></SearchBox> </div> <div className="cluedIn_header_account"> </div> </header> </div> ); } } var select = ( state ) => { return { suggestedSearches: state.search.suggestedSearches, suggestedSearchQuery: state.search.suggestedSearchQuery }; }; export default connect( select )( CluedInHeader );