<commit_before>import React from 'react';
import * as GifActions from '../../actions/GifActions';


class GifFilter extends React.Component {
    constructor(props) {
        super(props);

        this.handleFilterChange = this.handleFilterChange.bind(this);
    }
    handleFilterChange(e) {
        GifActions.filter(e.target.value);
    }
    render() {
        return (
            <div id="filter" className="row">
                <div className="col-xs-6 col-xs-offset-3">
                    <input type="text" name="filter" className="form-control" placeholder="Filter by name" onChange={this.handleFilterChange} />
                </div>
            </div>
        );
    }
};

export default GifFilter;<commit_msg>Add AddModal in filter form<commit_after>import React from 'react';
import GifAddModal from '../common/GifAddModal'
import * as GifActions from '../../actions/GifActions';

class GifFilter extends React.Component {
    constructor(props) {
        super(props);

        this.handleFilterChange = this.handleFilterChange.bind(this);
        this.handleAdd = this.handleAdd.bind(this);
    }
    handleFilterChange(e) {
        GifActions.filter(e.target.value);
    }
    handleAdd() {
        $('#GifAddModal').modal('show');
    }
    render() {
        return (
            <div id="filter" className="row">
                <div className="col-xs-6 col-xs-offset-3">
                    <div className="input-group">
                        <input type="text" name="filter" className="form-control" placeholder="Filter by name" onChange={this.handleFilterChange} />
                        <div className="input-group-btn">
                            <button className="btn btn-default" onClick={this.handleAdd}>
                                <i className="fa fa-plus" aria-hidden="true"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <GifAddModal />
            </div>
        );
    }
};

export default GifFilter;
{'fraction_non_alphanumeric': 0.13284313725490196, 'fraction_numerical': 0.00196078431372549, 'mean_word_length': 1.8665730337078652, 'pattern_counts': {'":': 0, '<': 22, '<?xml version=': 0, '>': 22, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6792248', 'n_tokens_mistral': 556, 'n_tokens_neox': 544, 'n_words': 107}