Merge pull request #92 from appirio-tech/fix-typeahead

Project search clean up and switch button fix

Author: mahestro

components/SearchBar/SearchBar.jsx

@@ -212,7 +212,7 @@ class SearchBar extends Component {
 }
 
 SearchBar.propTypes = {
-  hideSuggestionsWhenEmpty: PropTypes.func.bool,
+  hideSuggestionsWhenEmpty: PropTypes.bool,
   onSearch     : PropTypes.func.isRequired,
   onClearSearch : PropTypes.func,
   onTermChange : PropTypes.func.isRequired,

components/SearchSuggestions/SearchSuggestions.jsx

@@ -56,7 +56,7 @@ class SearchSuggestions extends Component {
 
     const recentSearches = !recentList ? '' : (
 			<div className="recent-search-suggestions">
-				<Panel>
+				<Panel showHeader={this.props.showPopularSearchHeader}>
 					<div className="panel-header">
 						<div className="label">Recent Search</div>
 						<div className="recent-search-panel-actions transition">

components/SwitchButton/SwitchButton.scss

@@ -3,6 +3,7 @@
 .SwitchButton {
   position: relative;
   display: flex;
+  align-items: center;
   .label{
     width: 92px;
     line-height: 20px;
@@ -11,9 +12,9 @@
     color: $tc-gray-60;
   }
   label{
+    display: flex;
     margin: 0;
     padding: 0;
-    display: block;
     height: 20px;
     margin-top: 5px;
   }