<commit_before>import { h, Component } from 'preact';
import navbarStyles from './navbar.css';
import NavButton from '../NavButton/NavButton.jsx';

class Navbar extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="container">
        <div className={navbarStyles.navbar}>

          <NavButton
            handleClick={this.props.handleClick}
            section="About"
            isActive={this.props.componentName === 'About'}
            ><i className="fa fa-home" aria-hidden="true"></i> Home
          </NavButton>

          {(this.props.gpsData) ? <NavButton
            handleClick={this.props.handleClick}
            section="GpsData"
            isActive={this.props.componentName === 'GpsData'}
            ><i className="fa fa-map-marker" aria-hidden="true"></i> GPS Data</NavButton> : ''
          }

          {(this.props.gpsData) ? <NavButton
            handleClick={this.props.handleClick}
            section="RouteEditor"
            isActive={this.props.componentName === 'RouteEditor'}
            ><i class="fa fa-list-alt" aria-hidden="true"></i> My Routes</NavButton> : ''
          }

          {(this.props.gpsData && this.props.consumerKey) ? <NavButton
            handleClick={this.props.handleClick}
            section="MapQuest"
            isActive={this.props.componentName === 'MapQuest'}
            ><i className="fa fa-map" aria-hidden="true"></i> Current Location</NavButton> : ''
          }

        </div>
      </div>
    );
  }
}

export default Navbar;<commit_msg>shorter names are better for mobile, #21<commit_after>import { h, Component } from 'preact';
import navbarStyles from './navbar.css';
import NavButton from '../NavButton/NavButton.jsx';

class Navbar extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="container">
        <div className={navbarStyles.navbar}>

          <NavButton
            handleClick={this.props.handleClick}
            section="About"
            isActive={this.props.componentName === 'About'}
            ><i className="fa fa-home" aria-hidden="true"></i> Home
          </NavButton>

          {(this.props.gpsData) ? <NavButton
            handleClick={this.props.handleClick}
            section="GpsData"
            isActive={this.props.componentName === 'GpsData'}
            ><i className="fa fa-map-marker" aria-hidden="true"></i> GPS</NavButton> : ''
          }

          {(this.props.gpsData) ? <NavButton
            handleClick={this.props.handleClick}
            section="RouteEditor"
            isActive={this.props.componentName === 'RouteEditor'}
            ><i class="fa fa-list-alt" aria-hidden="true"></i> Routes</NavButton> : ''
          }

          {(this.props.gpsData && this.props.consumerKey) ? <NavButton
            handleClick={this.props.handleClick}
            section="MapQuest"
            isActive={this.props.componentName === 'MapQuest'}
            ><i className="fa fa-map" aria-hidden="true"></i> Map</NavButton> : ''
          }

        </div>
      </div>
    );
  }
}

export default Navbar;
{'fraction_non_alphanumeric': 0.15101522842639595, 'fraction_numerical': 0.0006345177664974619, 'mean_word_length': 2.243827160493827, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 43, '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': '6716117', 'n_tokens_mistral': 920, 'n_tokens_neox': 889, 'n_words': 158}