<commit_before>import React from "react";
import {PropTypes as T} from 'prop-types';
import { withGoogleMap, GoogleMap, Marker } from "react-google-maps";
import MapLegend from '../container/MapLegend';
import CircularProgress from 'material-ui/CircularProgress';
import Snackbar from 'material-ui/Snackbar';

import RaisedButton from 'material-ui/RaisedButton';
import DoneSVG from 'material-ui/svg-icons/action/done';

const styles = {
    containerElement: {
        height: '80%',
        minWidth: '320px'
    },
    validBtn: {
        width: '100%',
        maxWidth: '200px',
        bottom: '15px',
        left: 'calc(50% - 40px)'
    }
};

const GettingStartedGoogleMap = withGoogleMap(props => (
    <GoogleMap
      ref={props.onMapLoad}
      defaultZoom={3}
      defaultCenter={{ lat: -25.363882, lng: 131.044922 }}
      onClick={props.onMapClick}
    >
        {props.markers.map( (marker, key) => (
            <Marker
              {...marker}
              key={key}
              onRightClick={props.onMarkerRightClick}
            />
        ))}
    </GoogleMap>
));

export default class MapContainer extends React.PureComponent {
    constructor(props) {
        super(props);
    }

    handleMapClick = ({latLng}) => {
        if ( this.props.mapLegend.placingPokemon ) {
            this.props.changeMarker(new google.maps.Marker({
                position: latLng,
                icon: this.props.mapLegend.selectedPokemon.icon
            }));
        }
    }

    handleMarkerRightClick = targetMarker => {}

    handleValidateMarker = () => {
        this.props.setNoticedAddingPokeLocationMsgFalse();<commit_msg>fixed icon and added label time left to marked pokemons<commit_after>import React from "react";
import {PropTypes as T} from 'prop-types';
import { withGoogleMap, GoogleMap, Marker } from "react-google-maps";
import MapLegend from '../container/MapLegend';
import CircularProgress from 'material-ui/CircularProgress';
import Snackbar from 'material-ui/Snackbar';

import RaisedButton from 'material-ui/RaisedButton';
import DoneSVG from 'material-ui/svg-icons/action/done';

const styles = {
    containerElement: {
        height: '80%',
        minWidth: '320px'
    },
    validBtn: {
        width: '100%',
        maxWidth: '200px',
        bottom: '15px',
        left: 'calc(50% - 40px)'
    }
};

const GettingStartedGoogleMap = withGoogleMap(props => (
    <GoogleMap
      ref={props.onMapLoad}
      defaultZoom={3}
      defaultCenter={{ lat: -25.363882, lng: 131.044922 }}
      onClick={props.onMapClick}
    >
        {props.markers.map( (marker, key) => (
            <Marker
              {...marker}
              key={key}
              onRightClick={props.onMarkerRightClick}
            />
        ))}
    </GoogleMap>
));

export default class MapContainer extends React.PureComponent {
    constructor(props) {
        super(props);
    }

    handleMapClick = ({latLng}) => {
        if ( this.props.mapLegend.placingPokemon ) {
            this.props.changeMarker(new google.maps.Marker({
                position: latLng,
                icon: this.props.mapLegend.selectedPokemon.image
            }));
        }
    }

    handleMarkerRightClick = targetMarker => {}

    handleValidateMarker = () => {
        this.props.setNoticedAddingPokeLocationMsgFalse();
{'fraction_non_alphanumeric': 0.12713643178410794, 'fraction_numerical': 0.020989505247376312, 'mean_word_length': 2.439175257731959, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 19, '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': '810335', 'n_tokens_mistral': 1056, 'n_tokens_neox': 1001, 'n_words': 198}