<commit_before>var React = require('react');

var NavBar = module.exports = React.createClass({
  logout: function() {
    window.location = '/auth/logout';
  },
  render: function() {
    return (
      <div className="slds-page-header" role="banner">
        <div className="slds-grid">

          {/* Banner */}
          <div className="slds-col slds-has-flexi-truncate">
            <div className="slds-media slds-media--center slds-no-space slds-grow">
              <div className="slds-media__figure">
                <img src="/assets/bear-footprint-32px.png" alt="Bear footprint logo"/>
              </div>
              <div className="slds-media__body">
                <p className="slds-page-header__title slds-truncate slds-align-middle" title="Salesforce React Integration">Bear Watch</p>
                <p className="page-header__info">An application to warn felow campers about bears.</p>
              </div>
            </div>
          </div>

          {
            /*  Logged user name */
            this.props.user == null ? null :
              <div className="slds-col--padded slds-no-flex slds-grid slds-align-middle">
                Hi {this.props.user.display_name}
              </div>
          }

          {
            /*   Logout button */
            this.props.user == null ? null :
            <div className="slds-col slds-no-flex slds-grid"><commit_msg>Update NavBarComponent.js<commit_after>var React = require('react');

var NavBar = module.exports = React.createClass({
  logout: function() {
    window.location = '/auth/logout';
  },
  render: function() {
    return (
      <div className="slds-page-header" role="banner">
        <div className="slds-grid">

          {/* Banner */}
          <div className="slds-col slds-has-flexi-truncate">
            <div className="slds-media slds-media--center slds-no-space slds-grow">
              <div className="slds-media__figure">
                <img src="/assets/bear-footprint-32px.png" alt="Bear footprint logo"/>
              </div>
              <div className="slds-media__body">
                <p className="slds-page-header__title slds-truncate slds-align-middle" title="Salesforce React Integration">Bear Watch</p>
                <p className="page-header__info">An application to warn fellow campers about bears.</p>
              </div>
            </div>
          </div>

          {
            /*  Logged user name */
            this.props.user == null ? null :
              <div className="slds-col--padded slds-no-flex slds-grid slds-align-middle">
                Hi {this.props.user.display_name}
              </div>
          }

          {
            /*   Logout button */
            this.props.user == null ? null :
            <div className="slds-col slds-no-flex slds-grid">
{'fraction_non_alphanumeric': 0.1376734258271078, 'fraction_numerical': 0.001422981145499822, 'mean_word_length': 1.8261306532663317, 'pattern_counts': {'":': 0, '<': 39, '<?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': '6630042', 'n_tokens_mistral': 878, 'n_tokens_neox': 851, 'n_words': 162}