Skip to content
Snippets Groups Projects
search_bar.js 760 B
Newer Older
import React from "react";
import "../../../styles/search_bar.css";
const SearchBar = (props) => {
Michael Tobis's avatar
Michael Tobis committed
    const handleSubmit = (e) => {
        e.preventDefault();
        props.setSearchForJob(true);
    }

        <form className="search-job" onSubmit={handleSubmit}>
            <input 
                type="text" 
                placeholder="Search by title, company or any jobs keyword..."
                value={props.query}
Michael Tobis's avatar
Michael Tobis committed
                onChange={(e) => props.setQuery(e.target.value)}
                required
Michael Tobis's avatar
Michael Tobis committed
                className="search-bar form-control" />
Michael Tobis's avatar
Michael Tobis committed
            <input 
                type="submit"
Michael Tobis's avatar
Michael Tobis committed
                value="Find"
                class="btn btn-primary" />
Michael Tobis's avatar
Michael Tobis committed
        </form>
    )
}
export default SearchBar;