<commit_before>import React from 'react';

const divStyle = {
  alignSelf: 'flex-start',
  marginRight: '1.2em'
};

const imgStyle = {
  height: 50,
  borderRadius: '50%'
};

export default ({ url, hidden, small }) => {
  let content = <div style={{ width: 50 }}></div>;
  if (small) {
    imgStyle.height = 20;
  }
  if (!hidden) {
    content = <img style={imgStyle} src={url} />;
  }
  return <div style={divStyle}>{content}</div>;
}<commit_msg>avatar: fix small version, align it to the center<commit_after>import React from 'react';

const divStyle = {
  display: 'flex',
  alignSelf: 'flex-start',
  alignItems: 'center',
  justifyContent: 'center',
  marginRight: '1.2em',
  width: 50
};

export default ({ url, hidden, small }) => {
  let content = <div style={{ width: 50 }}></div>;
  const imgStyle = {
    height: 50,
    borderRadius: '50%'
  };
  if (small === true) {
    imgStyle.height = 30;
  }
  if (!hidden) {
    content = <img style={imgStyle} src={url} />;
  }
  return <div style={divStyle}>{content}</div>;
}
{'fraction_non_alphanumeric': 0.18507751937984496, 'fraction_numerical': 0.02131782945736434, 'mean_word_length': 3.5707964601769913, 'pattern_counts': {'":': 0, '<': 13, '<?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': '4502211', 'n_tokens_mistral': 379, 'n_tokens_neox': 364, 'n_words': 99}