<commit_before>import React from 'react';

export default class GuideWrapper extends React.Component {
  render() {
    let guide = this.props.guide;
    if (!guide) {
      return <h3>Loading...</h3>;
    }

    let optionalIntroduction = guide.get('introduction_rendered') ? (
      <div>
        <h4>Introduction</h4>
        <div dangerouslySetInnerHTML={{__html: guide.get('introduction_rendered')}}/>
      </div>) : '';

    let optionalConclusion = guide.get('conclusion_rendered') ? (
      <div>
        <h4>Conclusion</h4>
        <div dangerouslySetInnerHTML={{__html: guide.get('conclusion_rendered')}}/>
      </div>) : '';

    return (
      <div>
        <h1>{guide.get('title')}</h1>
        <h3>By {guide.get('author').get('username')} • Difficulty: {guide.get('difficulty')}</h3>
        {optionalIntroduction}
        {guide.get('steps').map((step, stepCounter) => {
          return (
            <div>
              <h4>{step.get('title') || `Step ${stepCounter + 1}`}</h4>
              <ul>
                {step.get('lines').map((line, lineCounter) => {
                  return <li key={`${stepCounter}-${lineCounter}`}
                             className={`level-${line.get('level')} bullet-${line.get('bullet')}`}
                             dangerouslySetInnerHTML={{__html: line.get('text_rendered')}}/>;
                })}
              </ul>
            </div>
          );
        })}
        {optionalConclusion}
      </div>
    );
  }
}
<commit_msg>Assigned keys to all the kids<commit_after>import React from 'react';

export default class GuideWrapper extends React.Component {
  render() {
    let guide = this.props.guide;
    if (!guide) {
      return <h3>Loading...</h3>;
    }

    let optionalIntroduction = guide.get('introduction_rendered') ? (
      <div>
        <h4>Introduction</h4>
        <div dangerouslySetInnerHTML={{__html: guide.get('introduction_rendered')}}/>
      </div>) : '';

    let optionalConclusion = guide.get('conclusion_rendered') ? (
      <div>
        <h4>Conclusion</h4>
        <div dangerouslySetInnerHTML={{__html: guide.get('conclusion_rendered')}}/>
      </div>) : '';

    return (
      <div>
        <h1>{guide.get('title')}</h1>
        <h3>By {guide.get('author').get('username')} • Difficulty: {guide.get('difficulty')}</h3>
        {optionalIntroduction}
        {guide.get('steps').map((step, stepCounter) => {
          return (
            <div key={`div-${stepCounter}`}>
              <h4 key={`h4-${stepCounter}`}>{step.get('title') || `Step ${stepCounter + 1}`}</h4>
              <ul key={`ul-${stepCounter}`}>
                {step.get('lines').map((line, lineCounter) => {
                  return <li key={`li-${lineCounter}`}
                             className={`level-${line.get('level')} bullet-${line.get('bullet')}`}
                             dangerouslySetInnerHTML={{__html: line.get('text_rendered')}}/>;
                })}
              </ul>
            </div>
          );
        })}
        {optionalConclusion}
      </div>
    );
  }
}

{'fraction_non_alphanumeric': 0.18531810766721044, 'fraction_numerical': 0.008809135399673736, 'mean_word_length': 2.109533468559838, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 57, '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': '1781725', 'n_tokens_mistral': 962, 'n_tokens_neox': 930, 'n_words': 142}