<commit_before>import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { Link } from 'react-router-dom'
import FlatButton from 'material-ui/FlatButton'
import RaisedButton from 'material-ui/RaisedButton'

export const LoginButton = ({ onLoginClick }) => (
  <RaisedButton label='Login with Facebook' primary onTouchTap={onLoginClick} />
)

export const LogoutButton = ({ onLogoutClick }) => (
  <RaisedButton label='Logout' primary onTouchTap={onLogoutClick} />
)

export class Menubar extends Component {
  render () {
    const { firedux, authed, onLoginClick, onLogoutClick } = this.props
    return (
      <div>
        <div>
          <FlatButton label='LEADERBOARD' containerElement={<Link to='/' />} />
          <FlatButton
            style={{ verticalAlign: 'top' }}
            label='PLAY QUIZ'
            href='https://www.facebook.com/messages/t/122419575009686'
            target='_blank'
          />
          <FlatButton
            label='MY QUIZ'
            disabled={!authed}
            containerElement={<Link to='/myquiz' />}
          />
        </div>
        {!authed
          ? <LoginButton onLoginClick={onLoginClick} />
          : <div>
            <span>name: {firedux.displayName}</span>
            <LogoutButton onLogoutClick={onLogoutClick} />
          </div>}
      </div>
    )
  }
}

Menubar.PropTypes = {
  firedux: PropTypes.object,
  authed: PropTypes.bool,
  onLoginClick: PropTypes.func,
  onLogoutClick: PropTypes.func
}

export default Menubar
<commit_msg>Use Paper<commit_after>import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { Link } from 'react-router-dom'
import FlatButton from 'material-ui/FlatButton'
import RaisedButton from 'material-ui/RaisedButton'
import Paper from 'material-ui/Paper'

const style = {
  textAlign: 'center',
  display: 'inline-block'
}

export const LoginButton = ({ onLoginClick }) => (
  <RaisedButton label='Login with Facebook' primary onTouchTap={onLoginClick} />
)

export const LogoutButton = ({ onLogoutClick }) => (
  <RaisedButton label='Logout' primary onTouchTap={onLogoutClick} />
)

export class Menubar extends Component {
  render () {
    const { firedux, authed, onLoginClick, onLogoutClick } = this.props
    return (
      <div>
        <Paper style={style} zDepth={1} rounded={false}>

          <FlatButton label='LEADERBOARD' containerElement={<Link to='/' />} />
          <FlatButton
            style={{ verticalAlign: 'top' }}
            label='PLAY QUIZ'
            href='https://www.facebook.com/messages/t/122419575009686'
            target='_blank'
          />
          <FlatButton
            label='MY QUIZ'
            disabled={!authed}
            containerElement={<Link to='/myquiz' />}
          />
        </Paper>
        {!authed
          ? <LoginButton onLoginClick={onLoginClick} />
          : <div>
            <span>name: {firedux.displayName}</span>
            <LogoutButton onLogoutClick={onLogoutClick} />
          </div>}
      </div>
    )
  }
}

Menubar.PropTypes = {
  firedux: PropTypes.object,
  authed: PropTypes.bool,
  onLoginClick: PropTypes.func,
  onLogoutClick: PropTypes.func
}

export default Menubar

{'fraction_non_alphanumeric': 0.12927284027346178, 'fraction_numerical': 0.009633312616532008, 'mean_word_length': 2.6372881355932205, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 41, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '499652', 'n_tokens_mistral': 1024, 'n_tokens_neox': 999, 'n_words': 204}