<commit_before>import React, { PropTypes } from 'react'
import AppBar from 'material-ui/AppBar'
import HeaderActions from '../header_actions/header_actions.jsx'
import IconButton from 'material-ui/IconButton'
import NavigationMenu from 'material-ui/svg-icons/navigation/menu'

import './header.scss'
import 'client_portal-assets/dist/sass/_reevooclientportaldings.scss' // Load icons

// The material-ui AppBar component claims to have some properties for customising it.
// However, they are a bit shit and we have to do a bit of tomfoolery here to make
// the hover effects we want work. The problem we hit was:
//
//   1. If we set a class with hover state using iconClassNameLeft, the contents disappear
//      because this is intended only for icon classes like 'icon-menu'
//   2. If we just set the 'header__burger' class on the IconButton whilst using iconElementLeft,
//      it ignores any hover state due to "background: 'none'" which is set on the NavigationMenu
//
// Consequently, we have to explicitly override and clear the background/width/height for the
// NavigationMenu element, and override the default margins which get set on the parent div of
// the IconButton element (using the iconStyleLeft property)
//
// So yeah, here be dragons.
const iconElementClearDefaults = {
  background: 'auto',
  width: 'inherit',
  height: 'inherit',
}

const iconLeftContainerStyles = {
  marginTop: '0px',
  marginRight: '0px',
  marginBottom: '0px',
  marginLeft: '0px',
  padding: '0px',
  height: '64px',
  width: '82px',
}

const headerStyles = {
  paddingLeft: '0px',
}

const Header = ({ leftIconClick }) => (
  <AppBar
    className='header'
    iconElementRight={<HeaderActions />}
    iconElementLeft={
      <IconButton className='header__burger' style={iconElementClearDefaults}>
        <NavigationMenu />
      </IconButton>
    }
    iconStyleLeft={iconLeftContainerStyles}
    onLeftIconButtonTouchTap={leftIconClick}
    style={headerStyles}
    title={<a className='header__logo' href='/'><span className='icon-reevoo_logo'></span></a>}
  />
)

Header.propTypes = {
  leftIconClick: PropTypes.func.isRequired,<commit_msg>Fixed click on left nav top button.<commit_after>import React, { PropTypes } from 'react'
import AppBar from 'material-ui/AppBar'
import HeaderActions from '../header_actions/header_actions.jsx'
import IconButton from 'material-ui/IconButton'
import NavigationMenu from 'material-ui/svg-icons/navigation/menu'

import './header.scss'
import 'client_portal-assets/dist/sass/_reevooclientportaldings.scss' // Load icons

// The material-ui AppBar component claims to have some properties for customising it.
// However, they are a bit shit and we have to do a bit of tomfoolery here to make
// the hover effects we want work. The problem we hit was:
//
//   1. If we set a class with hover state using iconClassNameLeft, the contents disappear
//      because this is intended only for icon classes like 'icon-menu'
//   2. If we just set the 'header__burger' class on the IconButton whilst using iconElementLeft,
//      it ignores any hover state due to "background: 'none'" which is set on the NavigationMenu
//
// Consequently, we have to explicitly override and clear the background/width/height for the
// NavigationMenu element, and override the default margins which get set on the parent div of
// the IconButton element (using the iconStyleLeft property)
//
// So yeah, here be dragons.
const iconElementClearDefaults = {
  background: 'auto',
  width: 'inherit',
  height: 'inherit',
}

const iconLeftContainerStyles = {
  marginTop: '0px',
  marginRight: '0px',
  marginBottom: '0px',
  marginLeft: '0px',
  padding: '0px',
  height: '64px',
  width: '82px',
}

const headerStyles = {
  paddingLeft: '0px',
}

const Header = ({ leftIconClick }) => (
  <AppBar
    className='header'
    iconElementRight={<HeaderActions />}
    iconElementLeft={
      <IconButton className='header__burger' style={iconElementClearDefaults} onClick={leftIconClick}>
        <NavigationMenu />
      </IconButton>
    }
    iconStyleLeft={iconLeftContainerStyles}
    style={headerStyles}
    title={<a className='header__logo' href='/'><span className='icon-reevoo_logo'></span></a>}
  />
)

Header.propTypes = {
  leftIconClick: PropTypes.func.isRequired,
{'fraction_non_alphanumeric': 0.10728415173376775, 'fraction_numerical': 0.005585292064230859, 'mean_word_length': 4.104513064133017, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 23, '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': 2, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3610749', 'n_tokens_mistral': 1255, 'n_tokens_neox': 1242, 'n_words': 425}