<commit_before>import React, { PropTypes } from 'react'

import Contact from './Contact'

function Result({ author, closeBox, contact, lead, learnMore, header, score, resultBox, color }) {
  const { scoreTxt } = resultBox
  function clickOverlay(evt) {
    const targetId = evt.target.id
    if (targetId && targetId === 'results-overlay') {
      closeBox()
    }
    return true
  }
  function handleLearnMore() {
    window.location.href = learnMore.link
  }
  return (
    <div id="results-overlay" onClick={clickOverlay}>
      <div id="result-box">
        <div className="score-top">
          <div className="score-text">{scoreTxt}</div>
          <div className="center-trick">
            <div className="score-box" style={{ color: '#' + color }}>{score}</div>
            <div className="score-words">
              <p>{lead}</p>
              <p>{resultBox.lead} <strong>{ author + '.' }</strong></p>
            </div>
          </div>
        </div>
        <div className="score-bottom">
          <h2>{ header }</h2>
          <div className="action">
            <div className="action-box">
              <label>{learnMore.label}</label>
              <button onClick={handleLearnMore}>{learnMore.button}</button>
            </div>
            <Contact {...contact} />
          </div>
        </div>
      </div>
    </div>
  )
}

Result.propTypes = {
  author: PropTypes.string.isRequired,
  closeBox: PropTypes.func.isRequired,
  color: PropTypes.string.isRequired,
  contact: PropTypes.object.isRequired,
  lead: PropTypes.array.isRequired,
  learnMore: PropTypes.object.isRequired,
  header: PropTypes.string.isRequired,
  points: PropTypes.array.isRequired,
  score: PropTypes.string.isRequired,<commit_msg>tweaking a few things in the overlay<commit_after>import React, { PropTypes } from 'react'

import Contact from './Contact'

function Result({ author, closeBox, contact, lead, learnMore, header, score, resultBox, color }) {
  const { scoreTxt } = resultBox
  function clickOverlay(evt) {
    const targetId = evt.target.id
    if (targetId && targetId === 'results-overlay') {
      closeBox()
    }
    return true
  }
  function handleLearnMore() {
    window.location.href = learnMore.link
  }
  return (
    <div id="results-overlay" onClick={clickOverlay}>
      <div id="result-box">
        <div className="score-top">
          <div className="score-text">{scoreTxt}</div>
          <div className="center-trick">
            <div className="score-box" style={{ color: '#' + color }}>{score}</div>
            <div className="score-words">
              <p>{lead}</p>
            </div>
          </div>
        </div>
        <div className="score-bottom">
          <h2>{ header }</h2>
          <div className="action">
            <button onClick={handleLearnMore}>{learnMore.button}</button>
            <Contact {...contact} />
          </div>
        </div>
      </div>
    </div>
  )
}

Result.propTypes = {
  author: PropTypes.string.isRequired,
  closeBox: PropTypes.func.isRequired,
  color: PropTypes.string.isRequired,
  contact: PropTypes.object.isRequired,
  lead: PropTypes.array.isRequired,
  learnMore: PropTypes.object.isRequired,
  header: PropTypes.string.isRequired,
  points: PropTypes.array.isRequired,
  score: PropTypes.string.isRequired,
{'fraction_non_alphanumeric': 0.14942528735632185, 'fraction_numerical': 0.0012099213551119178, 'mean_word_length': 2.5984766050054406, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 61, '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': '4520016', 'n_tokens_mistral': 981, 'n_tokens_neox': 996, 'n_words': 207}