<commit_before>import React, {Component} from "react";
import AppBar from 'material-ui/AppBar';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';
import {connect} from "react-redux";

import {getSetting} from '../../actions'

@connect(({setting}) => ({...setting}), {getSetting})

class Header extends Component {

    constructor(props) {
        super(props);

        this.state = {
            open: true
        };
    }

    componentWillMount() {
        const {getSetting} = this.props;
        getSetting()
    }

    componentDidMount() {
        window.addEventListener('resize', this.toggleDrawer.bind(this))
    }

    toggleDrawer(event) {
        (event.currentTarget.innerWidth <= 900)
            ? this.setState({open: false})
            : this.setState({open: true})

    }

    renderSideBar() {
        return (
            <div >
                <Drawer containerStyle={{top: 75, left: 8}} open={this.state.open}>
                    <MenuItem>Menu Item</MenuItem>
                    <MenuItem>Menu Item 2</MenuItem>
                </Drawer>
                <Drawer containerStyle={{top: 75, right: 9}} openSecondary={true} open={this.state.open}>
                    <MenuItem>Seconray Menu Item</MenuItem>
                    <MenuItem>Seconray Menu Item 2</MenuItem>
                </Drawer>
            </div>
        );

    }

    render() {

        return (
            <div>
                <AppBar
                    title="Title"
                    iconClassNameRight="muidocs-icon-navigation-expand-more"
                />
                {this.renderSideBar()}
            </div>

        )
    }
}

export default Header;<commit_msg>creating media<commit_after>import React, {Component} from "react";
import AppBar from 'material-ui/AppBar';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';
import {connect} from "react-redux";
import RaisedButton from 'material-ui/RaisedButton';
import {getSetting} from '../../actions'

@connect(({setting}) => ({...setting}), {getSetting})

class Header extends Component {

    constructor(props) {
        super(props);

        this.state = {
            open: true
        };
    }

    componentWillMount() {
        const {getSetting} = this.props;
        getSetting()
    }

    componentDidMount() {
        window.addEventListener('resize', this.toggleDrawer.bind(this))
    }

    toggleDrawer(event) {
        (event.currentTarget.innerWidth <= 900)
            ? this.setState({open: false})
            : this.setState({open: true})

    }

    renderSideBar() {
        return (
            <div >
                <Drawer containerStyle={{top: 75, left: 8}} open={this.state.open}>
                    <MenuItem>Menu Item</MenuItem>
                    <MenuItem>Menu Item 2</MenuItem>
                </Drawer>
                <Drawer containerStyle={{top: 75, right: 9}} openSecondary={true} open={this.state.open}>
                    <MenuItem>
                        <div style={{display:'flex',justifyContent:'center',width:'100%',height:150,marginTop:20}}>
                            <div  style={{width:150,height:150}}>
                                <img style={{ width:'100%',borderRadius:'100%'}} src="https://scontent-frt3-1.xx.fbcdn.net/v/t1.0-9/17190811_1430105133700696_6986773998192439299_n.jpg?oh=ed1bb03d480afb2b36ab71de8d796bd4&oe=59644C28" alt=""/>
                            </div>
                        </div>

                    </MenuItem>
                    <MenuItem>
                        <div style={{marginTop:20,display:'flex',justifyContent:'center'}}>
                            <RaisedButton
                                href="https://www.facebook.com/profile.php?id=100001036684071&fref=hovercard"
                                label="<NAME>"
                            />
                        </div>


                       </MenuItem>
                </Drawer>
            </div>
        );

    }

    render() {

        return (
            <div>
                <AppBar
                    title="Title"
                    iconClassNameRight="muidocs-icon-navigation-expand-more"
                />
                {this.renderSideBar()}
            </div>

        )
    }
}

export default Header;
{'fraction_non_alphanumeric': 0.1325635103926097, 'fraction_numerical': 0.02979214780600462, 'mean_word_length': 1.610608800482218, 'pattern_counts': {'":': 0, '<': 48, '<?xml version=': 0, '>': 48, 'https://': 2, 'lorem ipsum': 0, 'www.': 1, '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': '4990435', 'n_tokens_mistral': 1301, 'n_tokens_neox': 1168, 'n_words': 206}