<commit_before>import styled from 'styled-components';
import React from 'react';
import LanguageThemeProvider from 'components/LanguageThemeProvider';
import ContentBlock from 'components/ContentBlock';

const WhereWhenContainer = styled.div`
  font-weight: 800;
  color: white;
  text-transform: uppercase;
`;

const WhereWhenContent = styled(ContentBlock)`

  @media(max-width: 1320px) {
    font-size: 8px;
    line-height: 8px;
  }
`;

function WhereWhen(props) {

  const where = props.where !== undefined ? props.where : '';
  const when = props.when !== undefined ? props.when : '';

  return (
    <WhereWhenContainer>
      <LanguageThemeProvider>
        <WhereWhenContent>
          {`${where} ${when}`}
        </WhereWhenContent>
      </LanguageThemeProvider>
    </WhereWhenContainer>
  )
}


WhereWhen.propTypes = {
  where: React.PropTypes.string,
  when: React.PropTypes.string,
};

export default WhereWhen;
<commit_msg>Use lowercase when property on tools for things like "1980s"<commit_after>import styled from 'styled-components';
import React from 'react';
import LanguageThemeProvider from 'components/LanguageThemeProvider';
import ContentBlock from 'components/ContentBlock';

const WhereWhenContainer = styled(ContentBlock)`
  font-weight: 800;
  color: white;
  @media(max-width: 1320px) {
    font-size: 8px;
    line-height: 8px;
  }
`;

const WhereContent = styled.span`
  text-transform: uppercase;
`;

function WhereWhen(props) {
  const where = props.where !== undefined ? props.where : '';
  const when = props.when !== undefined ? props.when : '';

  return (
    <LanguageThemeProvider>
      <WhereWhenContainer>
        <WhereContent>{where}</WhereContent> {when}
      </WhereWhenContainer>
    </LanguageThemeProvider>
  );
}


WhereWhen.propTypes = {
  where: React.PropTypes.string,
  when: React.PropTypes.string,
};

export default WhereWhen;

{'fraction_non_alphanumeric': 0.12228692429857067, 'fraction_numerical': 0.011646373742721016, 'mean_word_length': 4.080645161290323, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, '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': '3620129', 'n_tokens_mistral': 587, 'n_tokens_neox': 562, 'n_words': 133}