<commit_before>require('js-info-bubble')

import React from 'react'
import ReactDOM from 'react-dom'
import Volunteering from './Volunteering.jsx'

const closeButton = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH4AcBDyECucE5pQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABeUlEQVRIx+2WP0gCURzHf8/9BnG2xbEhQgTRa6xuqkMlWwShW4KIIBoOBV2k4VA6o03aRV10OMS5wTFoDMMowuG4yYYIvi0tiug9u+6W+42/93vfD+/3573HAIA8sAB5ZD7YB/tgd8HXhQvKpmVbgqdnx5Tc3XIGrFZuKBwOUzp1sDQulT2kABPoYfC4WhQcphZU7CSSC9eyRzIur85ta3GBAUDX77AvSTM+SdpDvz/g0uEGA0Cn00axWAQAVKtV6LrOrbEWGAC63S5isRjq9fpa+9ceJ0EQiDFG4/HYvTkul8vUbDZpOBxSJBIhTdP4RXhT1Gg0oCjKjE9RFOTz+f+rca1WgyiKC9dkWYamac6DS6USpLkxmrdMJoNcLudMc02nU4pGozSZTMgwjKWxrVaLLMuieDy+ssTMzmfPNE0KhUK2+8ayLAoGg38H+++xU2CPUv3y/OYJ+OtzVPECzH6vzSci2nT1xK/tWzpJbGyPPnr33/TuGvgH20NgH3WoB5MAAAAASUVORK5CYII='

export default class VolunteeringInfoBubble extends InfoBubble {
  constructor(record, map) {
    var div = document.createElement('div')
    ReactDOM.render(<Volunteering record={record} key={record.id}/>, div)

    var infoBubble = super({
      borderRadius: 0,
      closeSrc: closeButton,
      content: div,
      disableAnimation: true,
      map: map,
      maxHeight: 290,
      maxWidth: 212,
      minHeight: 290,
      minWidth: 212,
      padding: 0,
      position: new google.maps.LatLng(record.latitude, record.longitude),
      shadowStyle: 0,
    })

    infoBubble.bubble_.className += 'bpe--volunteering-info-bubble'
    infoBubble.close_.className  += 'bpe--volunteering-info-bubble-close'

    infoBubble.record = record

    return infoBubble
  }
}
<commit_msg>Reduce closeButton image ugliness and file size a little<commit_after>require('js-info-bubble')

import React from 'react'
import ReactDOM from 'react-dom'
import Volunteering from './Volunteering.jsx'

const closeButton = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH4AcBEA4n96MxwgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAilBMVEUAAAD/////1tb/19f/7e3/9fX/+fn/+fktLS1MTExNTU1OTk5PT09QUFBSUlJTU1N1dXV7e3uRkZGvr6+zs7O0tLS1tbW2tra3t7e5ubm7u7u8vLy9vb2+vr6/v7/AwMDCwsLFxcX19fX39/f4+Pj5+fn6+vr7+/v8/Pz9/f3+/v7/AAD//f3////k1U5BAAAACHRSTlMAACcncc7x8sgJq0QAAAABYktHRCskueQIAAAAr0lEQVQoz9XRyRKCMAwA0KKgoqm7yGLdhTZD/v/3BGUYlDYnL/bQZvKmS1JB7BD/z+ZatMkce3y/3B5NqPNz/s3FbqbfSY2wMT3GFKjOGpJR/26tKZOElcLe8jQ0hrJ5rTGhpTBEpMOCZNLRbt21R5NtVz/aUrFcSycTwZHU1NlUUNWkQgdD+lqOoZUhaYJTaOFV3IZq+aP/LnkOePZ5FiOWvWHJ7haDMcue8APXCU8CtZX460hl6QAAAABJRU5ErkJggg=='

export default class VolunteeringInfoBubble extends InfoBubble {
  constructor(record, map) {
    var div = document.createElement('div')
    ReactDOM.render(<Volunteering record={record} key={record.id}/>, div)

    var infoBubble = super({
      borderRadius: 0,
      closeSrc: closeButton,
      content: div,
      disableAnimation: true,
      map: map,
      maxHeight: 290,
      maxWidth: 212,
      minHeight: 290,
      minWidth: 212,
      padding: 0,
      position: new google.maps.LatLng(record.latitude, record.longitude),
      shadowStyle: 0,
    })

    infoBubble.bubble_.className += 'bpe--volunteering-info-bubble'
    infoBubble.close_.className  += 'bpe--volunteering-info-bubble-close'

    infoBubble.record = record

    return infoBubble
  }
}

{'fraction_non_alphanumeric': 0.08829629629629629, 'fraction_numerical': 0.06725925925925925, 'mean_word_length': 5.738522954091817, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, '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': '4320604', 'n_tokens_mistral': 1744, 'n_tokens_neox': 1592, 'n_words': 144}