<commit_before>import React from 'react';
import { Card, Icon, Image } from 'semantic-ui-react';
import format from 'date-fns/format';
import PropTypes from 'prop-types';

const extractImageUrl = input => {
  const regex = /<img.*?src=['"](.*?)['"]/;
  return regex.exec(input)[1];
};

const RowEvent = props => {
  return (
    <Card fluid={props.fluid} raised centered target="_blank" href={props.link}>
      {props.description ? (
        <Image src={extractImageUrl(props.description)} />
      ) : (
        <div />
      )}
      <Card.Content>
        <Card.Header>{props.name}</Card.Header>
        <div className="card_venue">
          <Card.Meta>
            {props.venue === undefined ? 'Online' : props.venue.name}
          </Card.Meta>
        </div>
      </Card.Content>
      <Card.Content extra>
        <span className="card_icons">
          <Icon name="clock" />
          {format(props.time, "h:mm A, ddd MMM Do 'YY")}
        </span>
        <span className="card_icons">
          <Icon name="users" />
          {props.yesCount}
          {props.status === 'upcoming' ? ' attending' : ' attended'}
        </span>
        <span className="card_icons">
          <Icon name="log out" />
          {props.venue === undefined ? 'Free session' : 'Free entry'}
        </span>
      </Card.Content>
      <style jsx>{`
        .card_venue {
          margin-top: 15px;
        }
        .card_icons {
          margin-right: 15px;
          display: block;
        }
        @media (max-width: 700px) {
          .card_icons {
            display: flex;
            margin: 5px 0;
          }
        }
      `}</style><commit_msg>Revert "Resolved issue #37 - separated lines in cards (#43)" (#49)<commit_after>import React from 'react';
import { Card, Icon, Image } from 'semantic-ui-react';
import format from 'date-fns/format';
import PropTypes from 'prop-types';

const extractImageUrl = input => {
  const regex = /<img.*?src=['"](.*?)['"]/;
  return regex.exec(input)[1];
};

const RowEvent = props => {
  return (
    <Card fluid={props.fluid} raised centered target="_blank" href={props.link}>
      {props.description ? (
        <Image src={extractImageUrl(props.description)} />
      ) : (
        <div />
      )}
      <Card.Content>
        <Card.Header>{props.name}</Card.Header>
        <div className="card_venue">
          <Card.Meta>
            {props.venue === undefined ? 'Online' : props.venue.name}
          </Card.Meta>
        </div>
      </Card.Content>
      <Card.Content extra>
        <span className="card_icons">
          <Icon name="clock" />
          {format(props.time, "h:mm A, ddd MMM Do 'YY")}
        </span>
        <span className="card_icons">
          <Icon name="users" />
          {props.yesCount}
          {props.status === 'upcoming' ? ' attending' : ' attended'}
        </span>
        <span className="card_icons">
          <Icon name="log out" />
          {props.venue === undefined ? 'Free session' : 'Free entry'}
        </span>
      </Card.Content>
      <style jsx>{`
        .card_venue {
          margin-top: 15px;
        }
        .card_icons {
          margin-right: 15px;
        }
        @media (max-width: 700px) {
          .card_icons {
            display: flex;
            margin: 5px 0;
          }
        }
      `}</style>
{'fraction_non_alphanumeric': 0.1626162616261626, 'fraction_numerical': 0.007800780078007801, 'mean_word_length': 1.8890814558058926, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 55, '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': '3185417', 'n_tokens_mistral': 1042, 'n_tokens_neox': 1013, 'n_words': 224}