<commit_before>import React from 'react'
import { connect } from 'react-redux'
import settings from '../settings'
import { setInitialData } from '../actions'

const SettingsModal = React.createClass({
    propTypes: {
        onSave: React.PropTypes.func.isRequired,
        initial: React.PropTypes.bool.isRequired
    },
    render: function () {
        const {onSave, initial} = this.props
        return (
            <div id='settings-modal' className='modal modal-fixed-footer'>
                <div className='modal-content'>
                    <h4>Change settings</h4>
                    <div className='row'>
                        <div className='input-field col s12'>
                            <input id='server' type='text' className='validate' />
                            <label htmlFor='server'>Server</label>
                        </div>
                        <div className='input-field col s12'>
                            <input id='token' type='text' className='validate' />
                            <label htmlFor='token'>Token</label>
                        </div>
                    </div>
                </div>
                <div className='modal-footer'>
                    <a href='#!' onClick={() => onSave(initial)} className='modal-action modal-close waves-effect waves-green btn-flat'>Save</a>
                    <a href='#!' className='modal-action modal-close waves-effect waves-red btn-flat'>Cancel</a>
                </div>
            </div>
        )
    }
})

const mapStateToProps = (state) => {<commit_msg>Add accordion to settings menu<commit_after>import React from 'react'
import { connect } from 'react-redux'
import settings from '../settings'
import { setInitialData } from '../actions'

const SettingsModal = React.createClass({
    propTypes: {
        onSave: React.PropTypes.func.isRequired,
        initial: React.PropTypes.bool.isRequired
    },
    render: function () {
        const {onSave, initial} = this.props
        return (
            <div id='settings-modal' className='modal modal-fixed-footer'>
                <div className='modal-content'>
                    <h4>Change settings</h4>
                    <ul className='collapsible' data-collapsible='accordion'>
                        <li className='active'>
                            <div className='collapsible-header active'><i className='material-icons'>list</i>Shifts</div>
                            <div className='collapsible-body'>
                                <p>
                                    Settings about shifts and so on...
                                </p>
                            </div>
                        </li>
                        <li>
                            <div className='collapsible-header red-text'><i className='material-icons black-text'>vpn_key</i>Here be dragons</div>
                            <div className='collapsible-body'>
                                <div className='row'>
                                    <div className='input-field col s12'>
                                        <input id='server' type='text' className='validate' />
                                        <label htmlFor='server'>Server</label>
                                    </div>
                                    <div className='input-field col s12'>
                                        <input id='token' type='text' className='validate' />
                                        <label htmlFor='token'>Token</label>
                                    </div>
                                </div>
                            </div>
                         </li>
                    </ul>
                </div>
                <div className='modal-footer'>
                    <a href='#!' onClick={() => onSave(initial)} className='modal-action modal-close waves-effect waves-green btn-flat'>Save</a>
                    <a href='#!' className='modal-action modal-close waves-effect waves-red btn-flat'>Cancel</a>
                </div>
            </div>
        )
    }
})

const mapStateToProps = (state) => {
{'fraction_non_alphanumeric': 0.12190984003877847, 'fraction_numerical': 0.00290838584585555, 'mean_word_length': 1.2953281423804226, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 75, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 11, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6416890', 'n_tokens_mistral': 991, 'n_tokens_neox': 951, 'n_words': 214}