<commit_before>/** @jsx jsx */
import { jsx } from '@emotion/core';

import { H5, Html } from '../primitives';
import { AvatarStack } from '../primitives/Avatar';
import { mq } from '../helpers/media';

const Talks = ({ talks }) => {
  return (
    <Wrapper>
      {talks.map(talk => {
        const hasSpeakers = Boolean(talk.speakers && talk.speakers.length);

        return (
          <Talk key={talk.id}>
            <div css={{ display: 'flex', alignItems: 'center' }}>
              {hasSpeakers && (
                <AvatarStack
                  users={talk.speakers}
                  size="large"
                  css={{
                    marginRight: CONTENT_GUTTER,
                  }}
                />
              )}
              {talk.isLightningTalk && <Bolt />}
              <H5 as="h3" css={{ marginLeft: talk.speakers.length ? '1rem' : '0' }}>
                {talk.name}
              </H5>
            </div>
            <Content>
              {talk.description ? <Html markup={talk.description} /> : null}
              {hasSpeakers && <Byline speakers={talk.speakers} />}
            </Content>
          </Talk>
        );
      })}<commit_msg>Apply suggestions from code review<commit_after>/** @jsx jsx */
import { jsx } from '@emotion/core';

import { H5, Html } from '../primitives';
import { AvatarStack } from '../primitives/Avatar';
import { mq } from '../helpers/media';

const Talks = ({ talks }) => {
  return (
    <Wrapper>
      {talks.map(talk => {
        const hasSpeakers = Boolean(talk.speakers && talk.speakers.length);

        return (
          <Talk key={talk.id}>
            <div css={{ display: 'flex', alignItems: 'center' }}>
              {hasSpeakers && (
                <AvatarStack
                  users={talk.speakers}
                  size="large"
                  css={{
                    marginRight: CONTENT_GUTTER,
                  }}
                />
              )}
              {talk.isLightningTalk && <Bolt />}
              <H5 as="h3" css={{ marginLeft: hasSpeakers ? '1rem' : '0' }}>
                {talk.name}
              </H5>
            </div>
            <Content>
              {talk.description ? <Html markup={talk.description} /> : null}
              {hasSpeakers && <Byline speakers={talk.speakers} />}
            </Content>
          </Talk>
        );
      })}
{'fraction_non_alphanumeric': 0.1551433389544688, 'fraction_numerical': 0.00505902192242833, 'mean_word_length': 1.4091370558375635, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 33, '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': '6879223', 'n_tokens_mistral': 704, 'n_tokens_neox': 675, 'n_words': 140}