<commit_before>import React from 'react';
import Header from './Header.jsx';
import Map from './Map.jsx';
import Pin from './Pin.jsx';
import GOOGLE_API_KEY from './../../config/config.js'

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      pins: []
    }
    this.initMap = this.initMap.bind(this);
  }

  componentDidMount() {
    // axios.get pins
     window.initMap = this.initMap;
     loadJS(`https://maps.googleapis.com/maps/api/js?key=${GOOGLE_API_KEY}&callback=initMap`)
  }

  initMap() {
    let myLatLng = {lat: 30.2672, lng: -97.7431}
    let map = new google.maps.Map(this.refs.map, {
      center: myLatLng,
      zoom: 12
    });
  }

  render() {
    return (
      <div
        ref="map"
        style={{height: '726px', width: '1280px'}}>
      </div>
    );
  }
}

const loadJS = (src) => {
    var ref = window.document.getElementsByTagName("script")[0];
    var script = window.document.createElement("script");
    script.src = src;
    script.async = true;<commit_msg>imported Nav from Nav.jsx and called Nav from within App's render function<commit_after>import React from 'react';
import Header from './Header.jsx';
import Map from './Map.jsx';
import Pin from './Pin.jsx';
import GOOGLE_API_KEY from './../../config/config.js'
mport Nav from './Nav.jsx';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      pins: []
    }
    this.initMap = this.initMap.bind(this);
  }
 
  componentDidMount() {
    // axios.get pins
     window.initMap = this.initMap;
     loadJS(`https://maps.googleapis.com/maps/api/js?key=${GOOGLE_API_KEY}&callback=initMap`)
  }

  initMap() {
    let myLatLng = {lat: 30.2672, lng: -97.7431}
    let map = new google.maps.Map(this.refs.map, {
      center: myLatLng,
      zoom: 12
    });
  }

  render() {
      return (
          <div>
              <Nav />
              <div
                  ref="map"
                  style={{height: '726px', width: '1280px'}}>
              </div>
          </div>
      );
  }
}

const loadJS = (src) => {
    var ref = window.document.getElementsByTagName("script")[0];
    var script = window.document.createElement("script");
    script.src = src;
    script.async = true;
{'fraction_non_alphanumeric': 0.16014078310602728, 'fraction_numerical': 0.01935767707875055, 'mean_word_length': 2.3889716840536512, 'pattern_counts': {'":': 0, '<': 10, '<?xml version=': 0, '>': 12, 'https://': 2, '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': '2851114', 'n_tokens_mistral': 813, 'n_tokens_neox': 763, 'n_words': 163}