<commit_before>import React, { Component } from 'react';
import EventDetail from './EventDetail.jsx';
import EventList from './EventList.jsx';
import Map from './Map.jsx';

class MapPage extends Component {
  constructor() {
    super();
    this.state = {
      eventList: ['event1', 'event2', 'event3', 'event4', 'event5'],
      map: null,
      detailsBox: null,
    };
  }

  /**
   * Returns the sum of a and b
   * @param {event} an event object
   * @return Sets the state detailbox to the clicked event
   */
  setDetailsBox (event) {
    this.setState.detailsBox({ event });
  }

  /**
 * Returns the sum of a and b
 * @param {events} a list of event objects from query
 * @returns Sets the state eventlist to the array of events
 */
  setEventList (events) {
    this.setState({eventList: events});
  }


  render() {
    return (
      <main>
        <nav className="navbar navbar-inverse navbar-fixed-top">
        </nav>
         <div>
             <section id="map" >
               <section className="col-lg-4">
                 //map will hold google maps
                   <Map />
                   <section id="EventDetail" className="col-lg-2">
                     //plan for object of event to be passed through
                     <EventDetail Event={this.detailsBox}/>
                   </section>
               </section>

             </section>
             <sidebar className="col-lg-2">
               //want the eventlist items to update the Detailsbox on click
               <EventList eventlist={this.state.eventList}
                 setDetailsBox={this.setDetailsBox.bind(this)}/>
             </sidebar>
           </div>
          //nav bar will have the search and filter methods.
      </main>
    )
  }
}
<commit_msg>Mergine Map page branch to master<commit_after>import React, { Component } from 'react';
import EventDetail from './EventDetail.jsx';
import EventList from './EventList.jsx';
import Map from './Map.jsx';

class MapPage extends Component {
  constructor() {
    super();
    this.state = {
      eventList: ['event1', 'event2', 'event3', 'event4', 'event5'],
      map: null,
      detailsBox: null,
    };
  }

  /**
   * Returns the sum of a and b
   * @param {event} an event object
   * @return Sets the state detailbox to the clicked event
   */
  setDetailsBox (event) {
    this.setState.detailsBox({ event });
  }

  /**
 * Returns the sum of a and b
 * @param {events} a list of event objects from query
 * @returns Sets the state eventlist to the array of events
 */
  setEventList (events) {
    this.setState({eventList: events});
  }


  render() {
    return (
      <main>
        <nav className="navbar navbar-inverse navbar-fixed-top">
        </nav>
         <div>
             <section id="map" >
               <section className="col-lg-4">
                 //map will hold google maps
                   <Map />
                   <section id="EventDetail" className="col-lg-2">
                     //plan for object of event to be passed through
                     <EventDetail Event={this.detailsBox}/>
                   </section>
               </section>
             </section>
             <sidebar className="col-lg-2">
               //want the eventlist items to update the Detailsbox on click
               <EventList eventlist={this.state.eventList}
                 setDetailsBox={this.setDetailsBox.bind(this)}/>
             </sidebar>
           </div>
          //nav bar will have the search and filter methods.
      </main>
    )
  }
}

{'fraction_non_alphanumeric': 0.11904090267983075, 'fraction_numerical': 0.004513399153737658, 'mean_word_length': 1.8345323741007193, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 37, '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': '3197749', 'n_tokens_mistral': 987, 'n_tokens_neox': 967, 'n_words': 309}