<commit_before>import React, { PropTypes } from 'react';
import Footer from './Footer';


class Coupon extends React.Component {
  constructor(props) {
    super(props);

    this.onRenderCoupons = this.onRenderCoupons.bind(this);
    this.onChangeCode = this.onChangeCode.bind(this);
    this.onApplyCode = this.onApplyCode.bind(this);
  }


  onRenderCoupons(coupon, index) {
    return (
      <div className="coupon-list__item" key={index}>
        <p className="coupon-list__item-title">{coupon.code}</p>
        <p className="coupon-list__item-description">{coupon.description}.</p>
        <span className="coupon-list__item-date"><span className="coupon-list__item-bold">Valido:</span> {coupon.valid_from} a {coupon.valid_until}.</span>
      </div>
    );
  }

  onChangeCode(e) {
    const { onSetCoupon } = this.props;
    onSetCoupon(e.target.value);
  }

  onApplyCode() {
    const { onApplyPromoCode, coupon } = this.props;
    onApplyPromoCode(coupon);
  }

  render() {
    const { couponsList, coupon } = this.props;
    return (
      <div>
        <div className="coupon">
          <div className="container">
            <div className="grid grid--rev">
              <div className="grid__item one-whole large--one-half">
                <div className="coupon-card">
                  <div className="coupon-card__header">
                    <img className="coupon-card__icon" src={require('../assets/images/gift.png')} />
                    <h2 className="coupon-card__header-title">Obten descuento en tus tutorías</h2>
                  </div>
                  <div className="coupon-card__body">
                    <p>Si has recibido un código promocional ingrésalo a continuación.</p>
                    <p>Agregaremos el código a tu cuenta para que puedas usarlo en tus próximas tutorías.</p>
                    <p className="coupon-card__small-text">(Ten en cuenta la fecha de validación de tu código para poder usarlo. Este código no tiene ningún valor en dinero).</p>
                    <label htmlFor="coupon-code" className="coupon-card__label">Ingresa tu código</label>
                    <input
                      type="text"
                      placeholder="Escribe tu código promocional"
                      id="coupon-code"
                      className="coupon-card__input"
                      value={coupon}
                      onChange={this.onChangeCode}
                    />
                    <button
                      className="button button--light-green button--block button--large"
                      onClick={this.onApplyCode}
                    >Registra tu código</button>
                  </div>
                </div>
              </div>
              <div className="grid__item one-whole large--one-half">
                <h2 className="coupon-list__title">Tus códigos activos</h2>
                <div className={couponsList.length < 4 ? 'coupon-list' : 'coupon-list coupon-list--scroll'}>
                  { couponsList.length === 0 ? 
                    <p className="coupon-list__no-item">Aún no tienes códigos registrados</p>
                  : couponsList.map(this.onRenderCoupons)
                  }<commit_msg>Fixing text on code promo page<commit_after>import React, { PropTypes } from 'react';
import Footer from './Footer';


class Coupon extends React.Component {
  constructor(props) {
    super(props);

    this.onRenderCoupons = this.onRenderCoupons.bind(this);
    this.onChangeCode = this.onChangeCode.bind(this);
    this.onApplyCode = this.onApplyCode.bind(this);
  }


  onRenderCoupons(coupon, index) {
    return (
      <div className="coupon-list__item" key={index}>
        <p className="coupon-list__item-title">{coupon.code}</p>
        <p className="coupon-list__item-description">{coupon.description}.</p>
        <span className="coupon-list__item-date"><span className="coupon-list__item-bold">Valido:</span> {coupon.valid_from} a {coupon.valid_until}.</span>
      </div>
    );
  }

  onChangeCode(e) {
    const { onSetCoupon } = this.props;
    onSetCoupon(e.target.value);
  }

  onApplyCode() {
    const { onApplyPromoCode, coupon } = this.props;
    onApplyPromoCode(coupon);
  }

  render() {
    const { couponsList, coupon } = this.props;
    return (
      <div>
        <div className="coupon">
          <div className="container">
            <div className="grid grid--rev">
              <div className="grid__item one-whole large--one-half">
                <div className="coupon-card">
                  <div className="coupon-card__header">
                    <img className="coupon-card__icon" src={require('../assets/images/gift.png')} />
                    <h2 className="coupon-card__header-title">Obtén descuento en tus tutorías</h2>
                  </div>
                  <div className="coupon-card__body">
                    <p>Si has recibido un código promocional ingrésalo a continuación.</p>
                    <p>Agregaremos el código a tu cuenta para que puedas usarlo en tus próximas tutorías.</p>
                    <p className="coupon-card__small-text">(Este código no tiene ningún valor en dinero. Ten en cuenta la fecha de validación de tu código para poder usarlo).</p>
                    <label htmlFor="coupon-code" className="coupon-card__label">Ingresa tu código</label>
                    <input
                      type="text"
                      placeholder="Escribe tu código promocional"
                      id="coupon-code"
                      className="coupon-card__input"
                      value={coupon}
                      onChange={this.onChangeCode}
                    />
                    <button
                      className="button button--light-green button--block button--large"
                      onClick={this.onApplyCode}
                    >Registra tu código</button>
                  </div>
                </div>
              </div>
              <div className="grid__item one-whole large--one-half">
                <h2 className="coupon-list__title">Tus códigos activos</h2>
                <div className={couponsList.length < 4 ? 'coupon-list' : 'coupon-list coupon-list--scroll'}>
                  { couponsList.length === 0 ? 
                    <p className="coupon-list__no-item">Aún no tienes códigos registrados</p>
                  : couponsList.map(this.onRenderCoupons)
                  }
{'fraction_non_alphanumeric': 0.11927317906507222, 'fraction_numerical': 0.0018636434228917534, 'mean_word_length': 1.937956204379562, 'pattern_counts': {'":': 0, '<': 89, '<?xml version=': 0, '>': 87, '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': '6167407', 'n_tokens_mistral': 1930, 'n_tokens_neox': 1901, 'n_words': 361}