<commit_before>import React, { Component } from 'react';
import github from './logo/github.svg';
import { Neutral } from './Color';
import DepIndicators from './DepIndicators';

class DepCard extends Component {
  render() {
    var width = 15;
    var height = 3;
    var color = Neutral;
    var style = {
      fill: color,
      opacity: '0.1',
      strokeWidth: 0,
    };
    var logo = github;
    var host = 'https://github.com';
    return <g className="DepCard" xmlnsXlink="http://www.w3.org/1999/xlink">
      <rect
        x={this.props.cx - width/2} y={this.props.cy - height/2}
        width={width} height={height} rx="0.5" ry="0.5" style={style}>
      </rect>
      <a xlinkHref={host}>
        <image
          x={this.props.cx - width/2 + 0.5} y={this.props.cy - 0.4 * height}
          width={0.8 * height} height={0.8 * height}
          xlinkHref={logo}>
        </image>
      </a>
      <text
        x={this.props.cx - width/2 + 0.5 + height}
        y={this.props.cy - height/2 + 1.5}>
        {this.props.title}<commit_msg>DepCard: Box border changes color to reflect task completion<commit_after>import React, { Component } from 'react';
import github from './logo/github.svg';
import { Red, Green, Neutral } from './Color';
import DepIndicators from './DepIndicators';

class DepCard extends Component {
  render() {
    var width = 15;
    var height = 3;
    var color = Neutral;
    var style = {
      fill: color,
      fillOpacity: '0.1',
      stroke: this.props.done ? Green : Red,
      strokeWidth: 0.2,
    };
    var logo = github;
    var host = 'https://github.com';
    return <g className="DepCard" xmlnsXlink="http://www.w3.org/1999/xlink">
      <rect
        x={this.props.cx - width/2} y={this.props.cy - height/2}
        width={width} height={height} rx="0.5" ry="0.5" style={style}>
      </rect>
      <a xlinkHref={host}>
        <image
          x={this.props.cx - width/2 + 0.5} y={this.props.cy - 0.4 * height}
          width={0.8 * height} height={0.8 * height}
          xlinkHref={logo}>
        </image>
      </a>
      <text
        x={this.props.cx - width/2 + 0.5 + height}
        y={this.props.cy - height/2 + 1.5}>
        {this.props.title}
{'fraction_non_alphanumeric': 0.167420814479638, 'fraction_numerical': 0.029411764705882353, 'mean_word_length': 2.185878962536023, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 2}, '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': '6561568', 'n_tokens_mistral': 787, 'n_tokens_neox': 753, 'n_words': 183}