<commit_before>import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute, Link, browserHistory } from 'react-router';

import Home from './views/home.jsx';
import About from './views/about.jsx';
import Error from './views/error.jsx';
import Social from './components/social.jsx';

function App(props) {
    return (
        <div className="borders">
            <header>
                <img className="menu" src={require('../images/menu.svg')} alt="Menu" />
            </header>
            <div className="content">
                { props.children }
            </div>
            <footer>
                <Social circle={false} />
            </footer>
        </div>
    );
}

ReactDOM.render(
    <Router history={ browserHistory }>
        <Route path='/' component={ App }>
            <IndexRoute component={ Home } />
            <Route path='about' component={ About } />
        </Route>
        <Route path="*" component={ Error } code={ 404 } />
    </Router>,
    document.getElementById('root')
);<commit_msg>Implement toggle on icons<commit_after>import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute, Link, browserHistory } from 'react-router';

import Home from './views/home.jsx';
import About from './views/about.jsx';
import Error from './views/error.jsx';
import Social from './components/social.jsx';

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            circleIcons: false
        };
    }

    toggleIcons() {
        this.setState({
            circleIcons: !this.state.circleIcons
        });
    }

    render() {
        return (
            <div className="borders">
                <header>
                    <img className="menu" src={require('../images/menu.svg')} alt="Menu" onClick={this.toggleIcons.bind(this)} />
                </header>
                <div className="content">
                    { this.props.children }
                </div>
                <footer>
                    <Social circle={ this.state.circleIcons }/>
                </footer>
            </div>
        );
    }
}

ReactDOM.render(
    <Router history={ browserHistory }>
        <Route path='/' component={ App }>
            <IndexRoute component={ Home } />
            <Route path='about' component={ About } />
        </Route>
        <Route path="*" component={ Error } code={ 404 } />
    </Router>,
    document.getElementById('root')
);
{'fraction_non_alphanumeric': 0.1500595474394601, 'fraction_numerical': 0.0023818975784041284, 'mean_word_length': 1.930232558139535, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 37, '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': '3666115', 'n_tokens_mistral': 698, 'n_tokens_neox': 678, 'n_words': 169}