<commit_before>import PropTypes from 'prop-types';
import React, { Component } from 'react';
import withAvailableWidth from 'react-with-available-width';

import day from './Day';
import styles from './DayHeader.css';

class DayHeader extends Component {
  render() {
    const {
      day,
      availableWidth,
    } = this.props;

    return (
      <div
        className={styles.component}
      >
        {availableWidth > 40 && day.name}
        {availableWidth < 40 && day.abbreviated}
      </div>
    )
  }
}

DayHeader.propTypes = {
  day: PropTypes.instanceOf(Date),
  availableWidth: PropTypes.number,
};

export default withAvailableWidth(DayHeader);
<commit_msg>Adjust breakpoint for day names in header<commit_after>import PropTypes from 'prop-types';
import React, { Component } from 'react';
import withAvailableWidth from 'react-with-available-width';

import day from './Day';
import styles from './DayHeader.css';

class DayHeader extends Component {
  render() {
    const {
      day,
      availableWidth,
    } = this.props;

    return (
      <div
        className={styles.component}
      >
        {availableWidth >= 80 && day.name}
        {availableWidth < 80 && day.abbreviated}
      </div>
    )
  }
}

DayHeader.propTypes = {
  day: PropTypes.instanceOf(Date),
  availableWidth: PropTypes.number,
};

export default withAvailableWidth(DayHeader);

{'fraction_non_alphanumeric': 0.1193058568329718, 'fraction_numerical': 0.005784526391901663, 'mean_word_length': 3.058651026392962, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, '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': '5171070', 'n_tokens_mistral': 410, 'n_tokens_neox': 403, 'n_words': 102}