<commit_before>import React from 'react'
import PropTypes from 'prop-types'
import Profile from './Profile'

class TopNavigation extends React.Component {

  constructor(props) {
    super(props)
    this.handleLoginClick = this.handleLoginClick.bind(this)
    this.handleLogoutClick = this.handleLogoutClick.bind(this)
  }

  handleLoginClick() {
    this.props.auth.authenticate()
  }

  handleLogoutClick() {
    this.props.auth.logout()
  }

  render() {
    return (
      <nav className='navbar navbar-inverse navbar-fixed-top'>
        <div className='container'>
          <div className='row'>
            <div className='col-md-4 col-xs-3'>
              <Profile
                profile={this.props.auth.profile}
                isLogged={this.props.isLogged}
              />
            </div>
            <div className='col-md-4 col-xs-6'>
              <div className='centerBlock app-title'>
                HandsUp 🙌
              </div>
            </div>
            <div className='col-md-4 col-xs-3'><commit_msg>Clear Apollo Client cache when logging out<commit_after>import React from 'react'
import PropTypes from 'prop-types'
import Profile from './Profile'

class TopNavigation extends React.Component {

  constructor(props) {
    super(props)
    this.handleLoginClick = this.handleLoginClick.bind(this)
    this.handleLogoutClick = this.handleLogoutClick.bind(this)
  }

  handleLoginClick() {
    this.props.auth.authenticate()
  }

  handleLogoutClick() {
    // clear apollo client cache
    this.props.client.resetStore()
    this.props.auth.logout()
  }

  render() {
    return (
      <nav className='navbar navbar-inverse navbar-fixed-top'>
        <div className='container'>
          <div className='row'>
            <div className='col-md-4 col-xs-3'>
              <Profile
                profile={this.props.auth.profile}
                isLogged={this.props.isLogged}
              />
            </div>
            <div className='col-md-4 col-xs-6'>
              <div className='centerBlock app-title'>
                HandsUp 🙌
              </div>
            </div>
            <div className='col-md-4 col-xs-3'>
{'fraction_non_alphanumeric': 0.12240184757505773, 'fraction_numerical': 0.005542725173210162, 'mean_word_length': 2.0767045454545454, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, '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': '7566011', 'n_tokens_mistral': 645, 'n_tokens_neox': 625, 'n_words': 122}