Added support for placeholder text

Author: Muhammad Haris

assets/js/components/searchForm.js

@@ -98,7 +98,7 @@ export default class SearchForm extends React.Component {
 	render() {
 		return (
 			<div className={ `${ this.getFormClass() }` }>
-				<input className="search-input" type="text" onChange={ this.getResults } />
+				<input className="search-input" type="text" onChange={ this.getResults } placeholder={ wds_react_post_search.placeholder_text } />
 				<SearchResults searched={ this.state.searched } loading={ this.state.loading } results={ this.state.results } lengthError={ this.state.lengthError } empty={ this.state.empty } />
 			</div>
 		)

assets/js/public.min.js

@@ -255,6 +255,7 @@ public function enqueue_scripts() {
 			'length_error'            => apply_filters( 'wds_react_post_search_length_error_text', esc_html__( 'Please enter at least 3 characters.', 'wds-react-post-search' ) ),
 			'minimum_character_count' => apply_filters( 'wds_react_post_search_minimum_character_count', intval( 3 ) ),
 			'search_form_class'       => apply_filters( 'wds_react_post_search_search_form_class', esc_attr( 'search-form' ) ),
+			'placeholder_text'        => apply_filters( 'wds_react_post_search_placeholder_text', esc_html__( 'Search', 'wds-react-post-search' ) ),
 		) );
 	}