<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import { Link } from '../../../components/helpers/index';

import { dasherize } from '../../../../../utils/slugs';
import './challenge-title.css';
import GreenPass from '../../../assets/icons/GreenPass';

const propTypes = {
  block: PropTypes.string,
  children: PropTypes.string,
  isCompleted: PropTypes.bool,
  superBlock: PropTypes.string
};

function ChallengeTitle({ block, children, isCompleted, superBlock }) {
  return (
    <div className='challenge-title-wrap'>
      <div className='challenge-title-breadcrumbs'>
        <Link
          className='breadcrumb-left'
          to={`/learn/${dasherize(superBlock)}`}
        >
          <span className='ellipsis'>{superBlock}</span>
        </Link>
        <div className='breadcrumb-center' />
        <Link
          className='breadcrumb-right'
          state={{ breadcrumbBlockClick: block }}
          to={`/learn/${dasherize(superBlock)}`}
        >
          {block}
        </Link>
      </div>
      <div className='challenge-title'>
        <b>{children}</b>
      </div>
      {isCompleted ? (
        <GreenPass
          style={{ height: '15px', width: '15px', marginLeft: '7px' }}
        />
      ) : null}
    </div><commit_msg>feat(i18n, client): translate breadcrumbs (#40881)<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import { Link } from '../../../components/helpers/index';

import { dasherize } from '../../../../../utils/slugs';
import './challenge-title.css';
import GreenPass from '../../../assets/icons/GreenPass';
import i18next from 'i18next';

const propTypes = {
  block: PropTypes.string,
  children: PropTypes.string,
  isCompleted: PropTypes.bool,
  superBlock: PropTypes.string
};

function ChallengeTitle({ block, children, isCompleted, superBlock }) {
  return (
    <div className='challenge-title-wrap'>
      <div className='challenge-title-breadcrumbs'>
        <Link
          className='breadcrumb-left'
          to={`/learn/${dasherize(superBlock)}`}
        >
          <span className='ellipsis'>
            {i18next.t(`intro:${dasherize(superBlock)}.title`)}
          </span>
        </Link>
        <div className='breadcrumb-center' />
        <Link
          className='breadcrumb-right'
          state={{ breadcrumbBlockClick: block }}
          to={`/learn/${dasherize(superBlock)}`}
        >
          {i18next.t(
            `intro:${dasherize(superBlock)}.blocks.${dasherize(block)}.title`
          )}
        </Link>
      </div>
      <div className='challenge-title'>
        <b>{children}</b>
      </div>
      {isCompleted ? (
        <GreenPass
          style={{ height: '15px', width: '15px', marginLeft: '7px' }}
        />
      ) : null}
    </div>
{'fraction_non_alphanumeric': 0.1721546170365068, 'fraction_numerical': 0.00894774516821761, 'mean_word_length': 2.404384896467722, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, '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': '6344436', 'n_tokens_mistral': 851, 'n_tokens_neox': 855, 'n_words': 160}