<commit_before>import React, {Component} from 'react'
import {Link} from "react-router-dom";

class Navigation extends Component {

    toggleNavigation = () => {
        this.props.callbacks.toggleNavigation(this.props.navigationVisible)
    };

    hideNavigation = () => {
        if (this.props.navigationVisible) {
            this.props.callbacks.toggleNavigation(this.props.navigationVisible)
        }
    };

    render() {
        let toggleNav = this.props.navigationVisible ? 'navigation-menu--show' : 'navigation-menu--hide';

        return (
            <nav id="navigation">
                <Link id="navigation__brand" to="/">Urchin</Link>
                <button id="navigation--toggler" onClick={this.toggleNavigation}>
                    <span id="navigation-toggler__icon"/>
                </button>
                <div className={toggleNav} id="navigation-menu">
                    <ul id="navigation-menu__items">
                        <li className="navigation-item">
                            <Link id="navigation-item__users" to="/users" onClick={this.hideNavigation}>Users</Link>
                        </li>
                        <li className="navigation-item">
                            <Link id="navigation-item__groups" to="/groups"
                                  onClick={this.hideNavigation}>Groups</Link>
                        </li>
                        <li className="navigation-item">
                            <Link id="navigation-item__folders" to="/folders"
                                  onClick={this.hideNavigation}>Folders</Link>
                        </li>
                    </ul>
                </div>

            </nav>
        )
    }
}
<commit_msg>hide navigation on clicking brand<commit_after>import React, {Component} from 'react'
import {Link} from "react-router-dom";

class Navigation extends Component {

    toggleNavigation = () => {
        this.props.callbacks.toggleNavigation(this.props.navigationVisible)
    };

    hideNavigation = () => {
        if (this.props.navigationVisible) {
            this.props.callbacks.toggleNavigation(this.props.navigationVisible)
        }
    };

    render() {
        let toggleNav = this.props.navigationVisible ? 'navigation-menu--show' : 'navigation-menu--hide';

        return (
            <nav id="navigation">
                <Link id="navigation__brand" to="/" onClick={this.hideNavigation}>Urchin</Link>
                <button id="navigation--toggler" onClick={this.toggleNavigation}>
                    <span id="navigation-toggler__icon"/>
                </button>
                <div className={toggleNav} id="navigation-menu">
                    <ul id="navigation-menu__items">
                        <li className="navigation-item">
                            <Link id="navigation-item__users" to="/users" onClick={this.hideNavigation}>Users</Link>
                        </li>
                        <li className="navigation-item">
                            <Link id="navigation-item__groups" to="/groups"
                                  onClick={this.hideNavigation}>Groups</Link>
                        </li>
                        <li className="navigation-item">
                            <Link id="navigation-item__folders" to="/folders"
                                  onClick={this.hideNavigation}>Folders</Link>
                        </li>
                    </ul>
                </div>

            </nav>
        )
    }
}

{'fraction_non_alphanumeric': 0.12371721778791334, 'fraction_numerical': 0.0, 'mean_word_length': 1.5299206921413122, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 53, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5521341', 'n_tokens_mistral': 868, 'n_tokens_neox': 823, 'n_words': 137}