summaryrefslogtreecommitdiffstats
path: root/packages/gitbook-plugin-search/src/components/Input.js
blob: 71f881342d48709e4074497bbd2ec94470a7a457 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
const GitBook = require('gitbook-core');
const { React } = GitBook;

const search = require('../actions/search');

const SearchInput = React.createClass({
    propTypes: {
        query:    React.PropTypes.string,
        dispatch: React.PropTypes.func
    },

    onChange(event) {
        const { dispatch } = this.props;
        const { value } = event.currentTarget;

        dispatch(search.query(value));
    },

    render() {
        const { query } = this.props;

        return (
            <div className="Search/Input">
                <input type="text" value={query} onChange={this.onChange} />
            </div>
        );
    }
});

const mapStateToProps = state => {
    const { query } = state.search;
    return { query };
};

module.exports = GitBook.connect(SearchInput, mapStateToProps);