<commit_before>import React from 'react';

export default class Menu extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div className="menu">
                <a href="#" className="menu-button">Menu</a>

                <div className="nav-inner">
                    <button className="compose-button">Compose</button>

                    <div className="inner-menu">
                        <ul className="menu-list">
                            <li className="menu-item"><a href="#" className="menu-link">Inbox <span className="email-count">(2)</span></a></li>
                            <li className="menu-item"><a href="#" className="menu-link">Important</a></li>
                            <li className="menu-item"><a href="#" className="menu-link">Sent</a></li>
                            <li className="menu-item"><a href="#" className="menu-link">Drafts</a></li>
                            <li className="menu-item"><a href="#" className="menu-link">Trash</a></li>
                            <li className="menu-heading">Labels</li>
                            <li className="menu-item"><a href="#" className="menu-link"><span className="email-label-personal"></span>Personal</a></li>
                            <li className="menu-item"><a href="#" className="menu-link"><span className="email-label-work"></span>Work</a></li>
                            <li className="menu-item"><a href="#" className="menu-link"><span className="email-label-travel"></span>Travel</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        );
    }
}<commit_msg>Making it do stuff<commit_after>import React from 'react';
import ListenerMixin from 'alt/mixins/ListenerMixin'
import mixin from 'react-mixin';
import SettingsStore from '../stores/settings-store';

function getStateFromStores() {
    return {settings: SettingsStore.getState()};
}

class Menu extends React.Component {
    constructor(props) {
        super(props);
        this.state = {settings: props.settings};
        console.log('menu state', this.state);       
        //this.onChange = this.onChange.bind(this);
    }
    componentDidMount () { 
        this.listenTo(SettingsStore, this._onChange.bind(this));
    } 
    _onChange () {

        this.setState(getStateFromStores().settings);
    }
    render() {
        console.log('menu state',this.state.settings);
        let settingNodes = this.state.settings.map((setting) => {
            return (<li className="menu-item"><a href="#" className="menu-link">{setting.name}</a></li>)
        })
        return (
            <div className="menu">
                <a href="#" className="menu-button">Menu</a>

                <div className="nav-inner">
                    <button className="compose-button">Compose</button>

                    <div className="inner-menu">
                        <ul className="menu-list">
                            {settingNodes}
                            <li className="menu-heading">Labels</li>
                            <li className="menu-item"><a href="#" className="menu-link"><span className="page-label-personal"></span>Personal</a></li>
                            <li className="menu-item"><a href="#" className="menu-link"><span className="page-label-work"></span>Work</a></li>
                            <li className="menu-item"><a href="#" className="menu-link"><span className="page-label-travel"></span>Travel</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        );
    }
}

Menu.defaultProps = { settings: [{name:''}]}


mixin(Menu.prototype, ListenerMixin);


export default Menu;
{'fraction_non_alphanumeric': 0.16825902335456475, 'fraction_numerical': 0.0002653927813163482, 'mean_word_length': 1.9491392801251957, 'pattern_counts': {'":': 0, '<': 93, '<?xml version=': 0, '>': 94, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1324847', 'n_tokens_mistral': 1018, 'n_tokens_neox': 981, 'n_words': 168}