<commit_before>import React from "react";
import CardMedia from "component/cardMedia";
import { TruncatedText, BusyMessage } from "component/common.js";

class ChannelTile extends React.PureComponent {
  componentDidMount() {
    const { uri, resolveUri } = this.props;

    resolveUri(uri);
  }

  componentWillReceiveProps(nextProps) {
    const { uri, resolveUri } = this.props;

    if (nextProps.uri != uri) {
      resolveUri(uri);
    }
  }

  render() {
    const { claim, navigate, isResolvingUri, totalItems, uri } = this.props;
    
    let onClick = () => navigate("/show", { uri });

    return (
      <section className="file-tile card">
        <div onClick={onClick} className="card__link">
          <div className={"card__inner file-tile__row"}>
            <CardMedia title={name} thumbnail={null} />
            <div className="file-tile__content">
            <div className="card__title-primary">
              <h3>
                <TruncatedText lines={1}>{uri}</TruncatedText>
              </h3>
            </div>
            <div className="card__content card__subtext">
              {isResolvingUri &&
                <BusyMessage message={__("Resolving channel")} />}
              {totalItems > 0 &&
                <span>
                  This is a channel with {totalItems}{" "}
                  {totalItems === 1 ? " item" : " items"} inside of it.
                </span>}
              {!isResolvingUri &&
                !totalItems &&
                <span className="empty">This is an empty channel.</span>}
            </div>
          </div>
        </div>
      </section>
    );
  }
}

export default ChannelTile;<commit_msg>fix jsx<commit_after>import React from "react";
import CardMedia from "component/cardMedia";
import { TruncatedText, BusyMessage } from "component/common.js";

class ChannelTile extends React.PureComponent {
  componentDidMount() {
    const { uri, resolveUri } = this.props;

    resolveUri(uri);
  }

  componentWillReceiveProps(nextProps) {
    const { uri, resolveUri } = this.props;

    if (nextProps.uri != uri) {
      resolveUri(uri);
    }
  }

  render() {
    const { claim, navigate, isResolvingUri, totalItems, uri } = this.props;

    let onClick = () => navigate("/show", { uri });

    return (
      <section className="file-tile card">
        <div onClick={onClick} className="card__link">
          <div className={"card__inner file-tile__row"}>
            <CardMedia title={name} thumbnail={null} />
            <div className="file-tile__content">
              <div className="card__title-primary">
                <h3>
                  <TruncatedText lines={1}>{claim.name}</TruncatedText>
                </h3>
              </div>
              <div className="card__content card__subtext">
                {isResolvingUri &&
                  <BusyMessage message={__("Resolving channel")} />}
                {totalItems > 0 &&
                  <span>
                    This is a channel with {totalItems}{" "}
                    {totalItems === 1 ? " item" : " items"} inside of it.
                  </span>}
                {!isResolvingUri &&
                  !totalItems &&
                  <span className="empty">This is an empty channel.</span>}
              </div>
            </div>
          </div>
        </div>
      </section>
    );
  }
}

export default ChannelTile;
{'fraction_non_alphanumeric': 0.1320754716981132, 'fraction_numerical': 0.00294811320754717, 'mean_word_length': 1.9074550128534704, 'pattern_counts': {'":': 0, '<': 46, '<?xml version=': 0, '>': 50, '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': '2999246', 'n_tokens_mistral': 970, 'n_tokens_neox': 930, 'n_words': 211}