<commit_before>import React, { Component } from 'react';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';
import Divider from 'material-ui/Divider';
import FlatButton from 'material-ui/FlatButton';
import {List, ListItem, MakeSelectable} from 'material-ui/List';

import AvQueueMusic from 'material-ui/svg-icons/av/queue-music';
import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
import AddShoppingCart from 'material-ui/svg-icons/action/add-shopping-cart';
import ThumbsUpDown from 'material-ui/svg-icons/action/thumbs-up-down';
import Album from 'material-ui/svg-icons/av/album';
import Directions from 'material-ui/svg-icons/maps/directions';
import PersonOutline from 'material-ui/svg-icons/social/person-outline';
import ChatBubble from 'material-ui/svg-icons/communication/chat-bubble';
import LocalHotel from 'material-ui/svg-icons/maps/local-hotel';
import LocalDining from 'material-ui/svg-icons/maps/local-dining';
import AvMusicVideo from 'material-ui/svg-icons/av/music-video';
import ContentGesture from 'material-ui/svg-icons/content/gesture';

const i18n_strings = {
  fr: {
    tickets: 'Tickets',
    program: 'Programmation',
    activities: 'Animations',
    artisans: 'Artisans',
    luthiers: 'Luthiers',
    other_artisans: 'Autres',
    food: 'Restauration',
    access: 'Accès',
    accomodation: 'Hébergement',
    volunteer: 'Bénévoles',
    contact: 'Contact',
  },
  en: {
    tickets: 'Tickets',
    program: 'Program',
    activities: 'Entertainment',
    artisans: 'Artisans',
    luthiers: 'Instrument makers',
    other_artisans: 'Anderen',
    food: 'Catering',
    access: 'Access',
    accomodation: 'Accomodation',
    volunteer: 'Volunteers',
    contact: 'Contact',
  },
  nl: {
    tickets: 'Tickets',
    program: 'Programma',
    activities: 'Animaties',
    artisans: 'Ambachtslieden',
    luthiers: 'Instrument makers',
    other_artisans: 'Other',
    food: 'Eten',
    access: 'Toegang',
    accomodation: 'Logeren',
    volunteer: 'Vrijwilligers',
    contact: 'Contact',
  },
}



class Navbar extends React.Component {

  render() {
    var strings = i18n_strings[this.props.lang] || i18n_strings['fr'];

    console.log("Navbar props", this.props);
    return (
      <Drawer
        docked={this.props.docked}
        width={220}
        open={this.props.open}
        openRight={false}
        onRequestChange={this.props.onRequestChange}
        >
        <MenuItem onTouchTap={() => this.props.onPageChange('index')}
                  leftIcon={<img src="/static/musicians_black.png"
                                 alt="Logo of the Festival" />}
                  style={{color: '#999'}} >Marsinne Festival</MenuItem>
        <div>
          <FlatButton label="Fr" primary={this.props.lang == 'fr'} style={{minWidth: '30px'}}
                      onClick={() => this.props.onLanguageChange('fr')} />
          <FlatButton label="Nl" primary={this.props.lang == 'nl'} style={{minWidth: '30px'}}
                      onClick={() => this.props.onLanguageChange('nl')} />
          <FlatButton label="En" primary={this.props.lang == 'en'} style={{minWidth: '30px'}}
                      onClick={() => this.props.onLanguageChange('en')} />
        </div>
        <Divider />

        <MenuItem onTouchTap={() => this.props.onPageChange('tickets')} leftIcon={<AddShoppingCart />}>{strings.tickets}</MenuItem>
        <Divider />
        <MenuItem onTouchTap={() => this.props.onPageChange('program')} leftIcon={<AvQueueMusic />}>{strings.program}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('activities')} leftIcon={<RemoveRedEye />}>{strings.activities}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('food')} leftIcon={<LocalDining />}>{strings.food}</MenuItem>
          <MenuItem
              primaryText={strings.artisans}
              leftIcon={<ThumbsUpDown />}
              primaryTogglesNestedList={true}
              nestedItems={[
                <MenuItem
                  primaryText={strings.luthiers}
                  href="#/artisans/luthiers"
                  leftIcon={<AvMusicVideo />}
                  onTouchTap={() => this.props.onPageChange('luthiers')}
                />,
                <ListItem
                  primaryText={strings.other_artisans}
                  href="#/artisans/others"
                  leftIcon={<ContentGesture />}
                  onTouchTap={() => this.props.onPageChange('artisans')}
                  />]}
          />
        <Divider />
        <MenuItem onTouchTap={() => this.props.onPageChange('access')} leftIcon={<Directions />}>{strings.access}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('accomodation')} leftIcon={<LocalHotel />}>{strings.accomodation}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('volunteer')} leftIcon={<PersonOutline />}>{strings.volunteer}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('contact')} leftIcon={<ChatBubble />}>{strings.contact}</MenuItem>
        <Divider />
        <img src='/static/danseurs2016.png' style={{width: '70%', padding: '15%', paddingTop: '10%', paddingBottom: '5%'}} />
      </Drawer>
    );
  }
<commit_msg>Add href to navbar<commit_after>import React, { Component } from 'react';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';
import Divider from 'material-ui/Divider';
import FlatButton from 'material-ui/FlatButton';
import {List, ListItem, MakeSelectable} from 'material-ui/List';

import AvQueueMusic from 'material-ui/svg-icons/av/queue-music';
import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
import AddShoppingCart from 'material-ui/svg-icons/action/add-shopping-cart';
import ThumbsUpDown from 'material-ui/svg-icons/action/thumbs-up-down';
import Album from 'material-ui/svg-icons/av/album';
import Directions from 'material-ui/svg-icons/maps/directions';
import PersonOutline from 'material-ui/svg-icons/social/person-outline';
import ChatBubble from 'material-ui/svg-icons/communication/chat-bubble';
import LocalHotel from 'material-ui/svg-icons/maps/local-hotel';
import LocalDining from 'material-ui/svg-icons/maps/local-dining';
import AvMusicVideo from 'material-ui/svg-icons/av/music-video';
import ContentGesture from 'material-ui/svg-icons/content/gesture';

const i18n_strings = {
  fr: {
    tickets: 'Tickets',
    program: 'Programmation',
    activities: 'Animations',
    artisans: 'Artisans',
    luthiers: 'Luthiers',
    other_artisans: 'Autres',
    food: 'Restauration',
    access: 'Accès',
    accomodation: 'Hébergement',
    volunteer: 'Bénévoles',
    contact: 'Contact',
  },
  en: {
    tickets: 'Tickets',
    program: 'Program',
    activities: 'Entertainment',
    artisans: 'Artisans',
    luthiers: 'Instrument makers',
    other_artisans: 'Anderen',
    food: 'Catering',
    access: 'Access',
    accomodation: 'Accomodation',
    volunteer: 'Volunteers',
    contact: 'Contact',
  },
  nl: {
    tickets: 'Tickets',
    program: 'Programma',
    activities: 'Animaties',
    artisans: 'Ambachtslieden',
    luthiers: 'Instrument makers',
    other_artisans: 'Other',
    food: 'Eten',
    access: 'Toegang',
    accomodation: 'Logeren',
    volunteer: 'Vrijwilligers',
    contact: 'Contact',
  },
}



class Navbar extends React.Component {

  render() {
    var strings = i18n_strings[this.props.lang] || i18n_strings['fr'];

    console.log("Navbar props", this.props);
    return (
      <Drawer
        docked={this.props.docked}
        width={220}
        open={this.props.open}
        openRight={false}
        onRequestChange={this.props.onRequestChange}
        >
        <MenuItem onTouchTap={() => this.props.onPageChange('index')}
                  href='#'
                  leftIcon={<img src="/static/musicians_black.png"
                                 alt="Logo of the Festival" />}
                  style={{color: '#999'}} >Marsinne Festival</MenuItem>
        <div>
          <FlatButton label="Fr" primary={this.props.lang == 'fr'} style={{minWidth: '30px'}}
                      onClick={() => this.props.onLanguageChange('fr')} />
          <FlatButton label="Nl" primary={this.props.lang == 'nl'} style={{minWidth: '30px'}}
                      onClick={() => this.props.onLanguageChange('nl')} />
          <FlatButton label="En" primary={this.props.lang == 'en'} style={{minWidth: '30px'}}
                      onClick={() => this.props.onLanguageChange('en')} />
        </div>
        <Divider />

        <MenuItem onTouchTap={() => this.props.onPageChange('tickets')} href='#tickets' leftIcon={<AddShoppingCart />}>{strings.tickets}</MenuItem>
        <Divider />
        <MenuItem onTouchTap={() => this.props.onPageChange('program')} href='#program' leftIcon={<AvQueueMusic />}>{strings.program}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('activities')} href='#activities' leftIcon={<RemoveRedEye />}>{strings.activities}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('food')} href='#food' leftIcon={<LocalDining />}>{strings.food}</MenuItem>
          <MenuItem
              primaryText={strings.artisans}
              leftIcon={<ThumbsUpDown />}
              primaryTogglesNestedList={true}
              nestedItems={[
                <MenuItem
                  primaryText={strings.luthiers}
                  href="#/artisans/luthiers"
                  leftIcon={<AvMusicVideo />}
                  onTouchTap={() => this.props.onPageChange('luthiers')}
                />,
                <ListItem
                  primaryText={strings.other_artisans}
                  href="#/artisans/others"
                  leftIcon={<ContentGesture />}
                  onTouchTap={() => this.props.onPageChange('artisans')}
                  />]}
          />
        <Divider />
        <MenuItem onTouchTap={() => this.props.onPageChange('access')} href='#access' leftIcon={<Directions />}>{strings.access}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('accomodation')} href='#accomodation' leftIcon={<LocalHotel />}>{strings.accomodation}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('volunteer')} href='#volunteer' leftIcon={<PersonOutline />}>{strings.volunteer}</MenuItem>
        <MenuItem onTouchTap={() => this.props.onPageChange('contact')} href='#contact' leftIcon={<ChatBubble />}>{strings.contact}</MenuItem>
        <Divider />
        <img src='/static/danseurs2016.png' style={{width: '70%', padding: '15%', paddingTop: '10%', paddingBottom: '5%'}} />
      </Drawer>
    );
  }

{'fraction_non_alphanumeric': 0.16197051688747902, 'fraction_numerical': 0.005411457361448031, 'mean_word_length': 3.007102803738318, 'pattern_counts': {'":': 0, '<': 93, '<?xml version=': 0, '>': 121, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '2093192', 'n_tokens_mistral': 3379, 'n_tokens_neox': 3324, 'n_words': 568}