<commit_before>import React from 'react';
import { connect } from 'react-redux';
import { logoutAdmin } from '../../actions/authAction';
import { Container, Row, Col, Button, NavLink } from 'reactstrap';
import { Faicon } from 'faicon';
import Navigation from '../navigation';

import './header.css';

const mapStateToProps = (state) => {
    return {
        auth: state.auth
    };
};

class Header extends React.Component {
    componentWillMount() {
        this.logoutHandler = this.logoutHandler.bind(this);
    };

    logoutHandler() {
        logoutAdmin()(this.props.dispatch);
    };

    render() {
        return (
            <Container className="b-header-container">
                <Row>
                    <Col>
                        <Navigation/>
                    </Col>
                    <Col xs="auto">
                        <NavLink href="#" className="b-header-button"><Faicon name="cogs"/></NavLink>
                    </Col>
                    <Col xs="auto">
                        <Button color="link" onClick={this.logoutHandler} className="b-header-button"><Faicon name="sign-out"/></Button>
                    </Col>
                </Row>
            </Container>
        );
    };<commit_msg>Update header.js<commit_after>import React from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router';
import { logoutAdmin } from '../../actions/authAction';
import { Container, Row, Col, Button } from 'reactstrap';
import { Faicon } from 'faicon';
import Navigation from '../navigation';

import './header.css';

const mapStateToProps = (state) => {
    return {
        auth: state.auth
    };
};

class Header extends React.Component {
    componentWillMount() {
        this.logoutHandler = this.logoutHandler.bind(this);
    };

    logoutHandler() {
        logoutAdmin()(this.props.dispatch);
    };

    render() {
        return (
            <Container className="b-header-container">
                <Row>
                    <Col>
                        <Navigation navigationItems={ this.props.navigationItems }/>
                    </Col>
                    <Col xs="auto">
                        <Link to="/admin/settings" className="b-header-button"><Faicon name="cogs"/></Link>
                    </Col>
                    <Col xs="auto">
                        <Button color="link" onClick={this.logoutHandler} className="b-header-button"><Faicon name="sign-out"/></Button>
                    </Col>
                </Row>
            </Container>
        );
    };
{'fraction_non_alphanumeric': 0.1453125, 'fraction_numerical': 0.0, 'mean_word_length': 1.753763440860215, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 39, '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': '7566012', 'n_tokens_mistral': 697, 'n_tokens_neox': 662, 'n_words': 146}