<commit_before>import React from 'react';
import weakKey from 'weak-key';
import axios from 'axios';

const Requests = React.createClass({

  removeRequest(request) {
    axios.delete(`/api/requests/${request.adminId}/${request.id}`)
    .then(() => {
      this.props.getRequests();
    })
    .catch((err) => {
      console.error(err)
    })
  },

  render() {

    return <div className="content-container">
      <h1 className="main-header title">Requests</h1>
      <div className="requests-container">
        <ol>
          {this.props.requests.map((request, index) => {
            if (request.songTitle.length > 21) {
              request.songTitle = request.songTitle.substring(0, 21) + '...';
            }
            return <li key={weakKey(request)}>
              <div className="song-request-container">

                <i className="material-icons"
                   onTouchTap={((event) =>
                     this.removeRequest(request)).bind(this)}
                >clear</i>

                <div className="container-for-border">
                <div className="request-item-container">
                  <span>{this.props.singerName}</span>
                </div>

                <div className="request-item-container">
                  <span>{request.songTitle}</span>
                </div>

                <div className="request-item-container">
                  <span>by {request.artistName}</span>
                </div>
                </div>
              </div>
            </li>
          })}
        </ol>
      </div>
    </div>
  }
})

export default Requests;<commit_msg>Lint Requests.jsx<commit_after>import axios from 'axios';
import React from 'react';
import weakKey from 'weak-key';

const Requests = React.createClass({

  removeRequest(request) {
    axios.delete(`/api/requests/${request.adminId}/${request.id}`)
    .then(() => {
      this.props.getRequests();
    })
    .catch((err) => {
      console.error(err);
    });
  },

  render() {
    return <div className="content-container">
      <h1 className="main-header title">Requests</h1>
      <div className="requests-container">
        <ol>
          {this.props.requests.map((request, index) => {
            if (request.songTitle.length > 21) {
              request.songTitle = request.songTitle.substring(0, 21) + '...';
            }

            return <li key={weakKey(request)}>
              <div className="song-request-container">
                <i
                  className="material-icons"
                  onTouchTap={(() =>
                     this.removeRequest(request)).bind(this)}
                >
                  clear
                </i>
                <div className="container-for-border">
                  <div className="request-item-container">
                    <span>{this.props.singerName}</span>
                  </div>

                  <div className="request-item-container">
                    <span>{request.songTitle}</span>
                  </div>

                  <div className="request-item-container">
                    <span>by {request.artistName}</span>
                  </div>
                </div>
              </div>
            </li>;
          })}
        </ol>
      </div>
    </div>;
  }
});

export default Requests;
{'fraction_non_alphanumeric': 0.1517074644907827, 'fraction_numerical': 0.0042308854638863705, 'mean_word_length': 1.5698757763975155, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 69, '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': '1331679', 'n_tokens_mistral': 950, 'n_tokens_neox': 890, 'n_words': 147}