<commit_before>import React, {Component} from "react";
import {connect} from "react-redux";
import {activateSearch} from "actions/users";
import "./Home.css";

import {Geomap} from "d3plus-react";

class Home extends Component {

  render() {

    const {attrs, focus} = this.props;
    const focusISO = focus.map(f => attrs.geo[f].iso3);

    return (
      <div className="home">
        <div className="splash">
          <div className="image"></div>
          <div className="gradient"></div>
        </div>
        <div className="intro">
          <div className="text">
            <h2 className="title">Data Africa is an open source agriculture, climate, poverty, and health dataset</h2>
            <div className="search-start" onClick={ this.props.activateSearch }>Start A Search</div>
          </div>
          <Geomap config={{
            height: 500,
            ocean: "transparent",
            padding: 24,
            shapeConfig: {Path: {
              fill: d => focusISO.includes(d.feature.properties.iso_a3) ? "#74E19A" : "rgba(255, 255, 255, 0.35)",
              stroke: "rgba(255, 255, 255, 0.75)"
            }},
            tiles: false,
            topojson: "/topojson/continent.json",
            topojsonKey: "collection",
            width: 400,
            zoom: false
          }} />
        </div>
      </div>
    );
  }
}

export default connect(state => ({
  attrs: state.attrs,
  focus: state.focus
}), {activateSearch})(Home);
<commit_msg>makes Home message a prop<commit_after>import React, {Component} from "react";
import {connect} from "react-redux";
import {activateSearch} from "actions/users";
import "./Home.css";

import {Geomap} from "d3plus-react";

class Home extends Component {

  render() {

    const {attrs, focus, message} = this.props;
    const focusISO = focus.map(f => attrs.geo[f].iso3);

    return (
      <div className="home">
        <div className="splash">
          <div className="image"></div>
          <div className="gradient"></div>
        </div>
        <div className="intro">
          <div className="text">
            <h2 className="title">{ message }</h2>
            <div className="search-start" onClick={ this.props.activateSearch }>Start A Search</div>
          </div>
          <Geomap config={{
            height: 500,
            ocean: "transparent",
            padding: 24,
            shapeConfig: {Path: {
              fill: d => focusISO.includes(d.feature.properties.iso_a3) ? "#74E19A" : "rgba(255, 255, 255, 0.35)",
              stroke: "rgba(255, 255, 255, 0.75)"
            }},
            tiles: false,
            topojson: "/topojson/continent.json",
            topojsonKey: "collection",
            width: 400,
            zoom: false
          }} />
        </div>
      </div>
    );
  }
}

Home.defaultProps = {
  message: "Data Africa is an open source agriculture, climate, poverty, and health dataset"
}

export default connect(state => ({
  attrs: state.attrs,
  focus: state.focus
}), {activateSearch})(Home);

{'fraction_non_alphanumeric': 0.14958813838550247, 'fraction_numerical': 0.02701812191103789, 'mean_word_length': 2.1823899371069184, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 43, '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': '1632161', 'n_tokens_mistral': 965, 'n_tokens_neox': 897, 'n_words': 230}