<commit_before>/* eslint-env browser */
import React from 'react';
import { Link } from 'react-router-dom';

/**
 * A component that displays a card for each group a user belongs to
 */
export default class GroupCard extends React.Component {
  /**
   * Render method of React component
   * @returns {Object} Returns the DOM object to be rendered
   */
  render() {
    if (this.props.loading) {
      return (
        <div className="preloader-background">
          <div className="preloader-wrapper big active valign-wrapper">
            <div className="spinner-layer spinner-white-only">
              <div className="circle-clipper left">
                <div className="circle"></div>
              </div>
              <div className="gap-patch">
                <div className="circle"></div>
              </div>
              <div className="circle-clipper right">
                <div className="circle"></div>
              </div>
            </div>
          </div>
        </div>
      );
    }
    const groupDetails = this.props.groupDetails;
    return (
      <div className="col s12 m6 l4">
        <div className="card">
          <div className="card-image waves-effect waves-block waves-light">
            <img className="activator tooltipped" data-position="top" data-delay={1000}
              data-tooltip="Click for group info" src="images/fire2.png" />
          </div>
          <div className="card-content">
            <div>
              <Link to={`/postmessage/${groupDetails.id}`} id={groupDetails.id}
                className="card-title grey-text groupLink text-darken-4">{groupDetails.title}
                <span className="badge new pink" id={groupDetails.id}>4</span></Link>
              <p className="blue-text">Created by {groupDetails.createdBy}</p>
            </div>
          </div>
          <div className="card-reveal">
            <div>
              <span className="card-title purple-text text-darken-4">{groupDetails.title}
                <i className="material-icons right">close</i>
              </span>
              <hr />
            </div>
            <div className="group-info">
              <p className="black-text">{groupDetails.description}</p>
              <hr />
            </div>
          </div>
        </div>
      </div>
    );
  }
}
<commit_msg>implement feedback on message board unread message count<commit_after>/* eslint-env browser */
import React from 'react';
import { Link } from 'react-router-dom';

/**
 * A component that displays a card for each group a user belongs to
 */
export default class GroupCard extends React.Component {
  /**
   * Render method of React component
   * @returns {Object} Returns the DOM object to be rendered
   */
  render() {
    if (this.props.loading) {
      return (
        <div className="preloader-background">
          <div className="preloader-wrapper big active valign-wrapper">
            <div className="spinner-layer spinner-white-only">
              <div className="circle-clipper left">
                <div className="circle"></div>
              </div>
              <div className="gap-patch">
                <div className="circle"></div>
              </div>
              <div className="circle-clipper right">
                <div className="circle"></div>
              </div>
            </div>
          </div>
        </div>
      );
    }
    const groupDetails = this.props.groupDetails;
    return (
      <div className="col s12 m6 l4">
        <div className="card">
          <div className="card-image waves-effect waves-block waves-light">
            <img className="activator tooltipped" data-position="top" data-delay={1000}
              data-tooltip="Click for group info" src="images/fire2.png" />
          </div>
          <div className="card-content">
            <div>
              <Link to={`/postmessage/${groupDetails.id}`} id={groupDetails.id}
                className="card-title grey-text groupLink text-darken-4">{groupDetails.title}
                <span className="badge new pink" id={groupDetails.id}></span></Link>
              <p className="blue-text">Created by {groupDetails.createdBy}</p>
            </div>
          </div>
          <div className="card-reveal">
            <div>
              <span className="card-title purple-text text-darken-4">{groupDetails.title}
                <i className="material-icons right">close</i>
              </span>
              <hr />
            </div>
            <div className="group-info">
              <p className="black-text">{groupDetails.description}</p>
              <hr />
            </div>
          </div>
        </div>
      </div>
    );
  }
}

{'fraction_non_alphanumeric': 0.13707960834397617, 'fraction_numerical': 0.004895700297999148, 'mean_word_length': 1.8273164861612514, 'pattern_counts': {'":': 0, '<': 101, '<?xml version=': 0, '>': 101, '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': '5822519', 'n_tokens_mistral': 1272, 'n_tokens_neox': 1256, 'n_words': 303}