<commit_before>import React from 'react';

import Contributor from 'interface/ContributorButton';
import ReadableListing from 'interface/ReadableListing';
import Config from 'parser/Config';

const SpecListItem = ({
  spec,
  exampleReport,
  contributors,
  patchCompatibility,
}: Config) => {
  const className = spec.className.replace(/ /g, '');
  const Component = exampleReport ? 'a' : 'div';
  const builtinfo =
    contributors.length !== 0 ? 'Maintained by ' : 'CURRENTLY UNMAINTAINED';

  return (
    <Component
      key={spec.id}
      href={exampleReport}
      title={exampleReport ? 'Open example report' : undefined}
      className="spec-card"
    >
      <div className="icon">
        <figure>
          <img
            src={`/specs/${className}-${spec.specName.replace(' ', '')}.jpg`}
            alt={`${spec.specName} ${spec.className}`}
          />
        </figure>
      </div>
      <div className="description">
        <h4 className={className}>
          {spec.specName} {spec.className}
        </h4>
        {builtinfo}{' '}
        <ReadableListing>
          {contributors.map(contributor => (
            <Contributor
              key={contributor.nickname}
              link={false}
              {...contributor}
            />
          ))}
        </ReadableListing>
        <br />
        Accurate for patch {patchCompatibility}
      </div>
    </Component>
  );
};

export default SpecListItem;<commit_msg>update spec list style once more<commit_after>import React from 'react';

import Contributor from 'interface/ContributorButton';
import Config from 'parser/Config';

const SpecListItem = ({
  spec,
  exampleReport,
  contributors,
  patchCompatibility,
}: Config) => {
  const className = spec.className.replace(/ /g, '');
  const Component = exampleReport ? 'a' : 'div';
  const builtinfo =
    contributors.length !== 0 ? <>Maintained by:<br /></> : <small><em>CURRENTLY UNMAINTAINED</em></small>;

  return (
    <Component
      key={spec.id}
      href={exampleReport}
      title={exampleReport ? 'Open example report' : undefined}
      className="spec-card"
    >
      <div className="icon">
        <figure>
          <img
            src={`/specs/${className}-${spec.specName.replace(' ', '')}.jpg`}
            alt={`${spec.specName} ${spec.className}`}
          />
        </figure>
      </div>
      <div className="description">
        <h4 className={className}>
          {spec.specName} {spec.className}
        </h4>
        Accurate for patch {patchCompatibility}
        <br />
        {builtinfo}
        {contributors.map(contributor =>
          <>
            <Contributor
              key={contributor.nickname}
              link={false}
              {...contributor}
            />
            {' '}
          </>
        )}
        <br />
      </div>
    </Component>
  );
};

export default SpecListItem;
{'fraction_non_alphanumeric': 0.1467128027681661, 'fraction_numerical': 0.0020761245674740486, 'mean_word_length': 2.1492374727668846, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 45, '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': '2756163', 'n_tokens_mistral': 847, 'n_tokens_neox': 831, 'n_words': 169}