<commit_before>import React, {Component} from 'react'
import {Tabs, Tab} from 'react-bootstrap'
import Dashboard from './Dashboard'
import {HidashModal} from '../HidashUtilsComponents'


export default class DashboardNavigator extends Component {
  constructor() {
    super()
  }

  handleSelect = (key, e) => {
    if (key === 'add_tab') {
      this.props.dashboardAdditionHandler()
    }
    else {
        this.props.selectDashboard(key)
    }
  }
  
  render() {
    const {dashboardDefinition, widgetAdditionHandler, selectedDashboardIndex} = this.props

      const dashboard_tabs = dashboardDefinition.map((dashboard, i)=>{
        return (
          <Tab
            key={i}
            title={'Dashboard-'+i}
            eventKey={i}
          >
            <div className="panel panel-default">
              <div className="panel-body">
                <Dashboard dashboardDefinition={dashboard}
                widgetAdditionHandler={widgetAdditionHandler}
                dashboardIndex={i}
                />
              </div>
            </div>
           </Tab>
        )
      })

    return(
        <Tabs
        bsStyle="tabs"
        animation={true}
        activeKey={selectedDashboardIndex}
        onSelect={this.handleSelect}
        id='dashboard-tabs'
         >
        {dashboard_tabs}
        <Tab id='add_tab_btn'
          style={{
            borderColor: '#fff'
            }}
          title={
            <div id="tabPlusIconWrapper">
              <i className="fa fa-plus tab-plus-icon" />&nbsp;
            </div>}
          eventKey="add_tab"
        />
      </Tabs>
    )
  }
}
<commit_msg>Fixed warning in chrome<commit_after>import React, {Component} from 'react'
import {Tabs, Tab, TabList} from 'react-bootstrap'
import Dashboard from './Dashboard'
import {HidashModal} from '../HidashUtilsComponents'


export default class DashboardNavigator extends Component {
  constructor() {
    super()
  }

  handleSelect = (key, e) => {
    if (key === 'add_tab') {
      this.props.dashboardAdditionHandler()
    }
    else {
        this.props.selectDashboard(key)
    }
  }
  
  render() {
    const {dashboardDefinition, widgetAdditionHandler, selectedDashboardIndex} = this.props

      const dashboard_tabs = dashboardDefinition.map((dashboard, i)=>{
        return (
          <Tab
            key={i}
            title={'Dashboard-'+i}
            eventKey={i}
          >
            <div className="panel panel-default">
              <div className="panel-body">
                <Dashboard dashboardDefinition={dashboard}
                widgetAdditionHandler={widgetAdditionHandler}
                dashboardIndex={i}
                />
              </div>
            </div>
           </Tab>
        )
      })

    return(

        <Tabs
        bsStyle="tabs"
        animation={true}
        activeKey={selectedDashboardIndex}
        onSelect={this.handleSelect}
        id='dashboard-tabs'
         >
        {dashboard_tabs}
        <Tab
          style={{
            borderColor: '#fff'
            }}
          title={
            <div id="tabPlusIconWrapper">
              <i className="fa fa-plus tab-plus-icon" />&nbsp;
            </div>}
          eventKey="add_tab"
        />
      </Tabs>
    )
  }
}

{'fraction_non_alphanumeric': 0.1195486428789265, 'fraction_numerical': 0.0, 'mean_word_length': 1.7401837928153718, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 33, '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': '4046161', 'n_tokens_mistral': 927, 'n_tokens_neox': 918, 'n_words': 175}