change country to optional prop, add searchHint prop

MikeyParton · Jun 20, 2019 · 252dcac · 252dcac
1 parent 7dd0c3e
commit 252dcac
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/Components/SearchBox.js b/src/Components/SearchBox.js
@@ -144,6 +144,7 @@ class SearchBox extends React.Component {
           value={query}
           handleFocus={this.handleFocus}
           handleBlur={this.handleBlur}
+          searchHint={this.props.searchHint}
           handleInputChange={this.handleInputChange}
         />
         <Suggestions
@@ -179,14 +180,19 @@ SearchBox.propTypes = {
   /**
    *  color of currently selected suggestion
    */
+  selectColor: PropTypes.string,
 
-  selectColor: PropTypes.string
+  /**
+   *  hint text for input
+   */
+  searchHint: PropTypes.string
 };
 
 SearchBox.defaultProps = {
   country: undefined,
   selectColor: "#58a",
-  callback: undefined
+  callback: undefined,
+  searchHint: "Search"
 };
 
 export default SearchBox;
diff --git a/src/Components/SearchInput.js b/src/Components/SearchInput.js
@@ -23,7 +23,8 @@ const SearchInput = ({
   handleInputChange,
   hasResults,
   handleFocus,
-  handleBlur
+  handleBlur,
+  searchHint
 }) => (
   <Wrapper>
     <FaSearch />
@@ -32,7 +33,7 @@ const SearchInput = ({
       hasResults={hasResults}
       onFocus={handleFocus}
       onBlur={handleBlur}
-      placeholder="Search"
+      placeholder={searchHint}
       value={value}
       onChange={handleInputChange}
     />