<commit_before>import React from 'react';

class Sidebar extends React.Component {

  render() {
     console.log("rendering <sidebar>", this.props.children);
    
    return (
      <div className="container-fluid sideMenuBar">
        <div className="row">
          <div className="col-sm-3 bg-faded navbar-collapse collapse pt-0 sidebar" id="navbarSidebar">
            <ul className="nav nav-sidebar">
              <div id="accordion" role="tablist" aria-multiselectable="true">
                <div className="card">
                  <div className="card-header" role="tab" id="headingTwo">
                    <h5 className="mb-0">
                      <a className="collapsed navTitle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        NFL
                      </a>
                    </h5>
                  </div>
                  <div id="collapseTwo" className="collapse" role="tabpanel" aria-labelledby="headingTwo">
                    <div className="card-block">
                      {this.props.children}
                      </div>
                  </div>
                </div>
                <div className="card">
                  <div className="card-header" role="tab" id="headingThree">
                    <h5 className="mb-0">
                      <a className="collapsed navTitle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        MLB
                        </a>
                    </h5>
                  </div>
                  <div id="collapseThree" className="collapse" role="tabpanel" aria-labelledby="headingThree">
                    <div className="card-block">
                      hello React 3
                      </div>
                  </div>
                </div>
              </div>
            </ul>
          </div>
        </div>
      </div>
 
    );
  }
}


export default Sidebar;<commit_msg>import gameInfo and create map function to show each of games orderly<commit_after>import React from 'react';
import GameInfo from './gameinfo.jsx'
class Sidebar extends React.Component {

  render() {
    //console.log("chris test", this.props.children)
    const gamesList = this.props.children;
    // gamesLists.map((item, index) => {
    //   console.log(item.props.children[0],item.props.children[1], "<NAME>")
    // })
    // console.log(gamesLists)

    return (
      <div className="container-fluid sideMenuBar">
        <div className="row">
          <div className="col-sm-3 bg-faded navbar-collapse collapse pt-0 sidebar" id="navbarSidebar">
            <ul className="nav nav-sidebar">
              <div id="accordion" role="tablist" aria-multiselectable="true">
                <div className="card">
                  <div className="card-header" role="tab" id="headingTwo">
                    <h5 className="mb-0">
                      <a className="collapsed navTitle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        NFL
                      </a>
                    </h5>
                  </div>
                  <div id="collapseTwo" className="collapse" role="tabpanel" aria-labelledby="headingTwo">
                    <div className="card-block">
                
                    </div>
                  </div>
                </div>
                <div className="card">
                  <div className="card-header" role="tab" id="headingThree">
                    <h5 className="mb-0">
                      <a className="collapsed navTitle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        MLB
                        </a>
                    </h5>
                  </div>
                  <div id="collapseThree" className="collapse" role="tabpanel" aria-labelledby="headingThree">
                    <div className="card-block">
                      {gamesList.map((item, index) => (
                      <GameInfo key={ index } gameTime={item.props.children[0]} gameTeam={item.props.children[1]} />
                      ))}
                    </div>
                  </div>
                </div>
              </div>
            </ul>
          </div>
        </div>
      </div>

    );
  }
}


export default Sidebar;
{'fraction_non_alphanumeric': 0.1336283185840708, 'fraction_numerical': 0.004646017699115044, 'mean_word_length': 1.520066889632107, 'pattern_counts': {'":': 0, '<': 74, '<?xml version=': 0, '>': 76, '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': '2830484', 'n_tokens_mistral': 1205, 'n_tokens_neox': 1120, 'n_words': 235}