<commit_before>import React from 'react'
import PropTypes from 'prop-types'
import ProfilePic from 'components/ProfilePic'
import { Color } from 'constants/css'
import Button from 'components/Button'
import { openSigninModal } from 'redux/actions/UserActions'
import { Link } from 'react-router-dom'
import { connect } from 'react-redux'

ProfileWidget.propTypes = {
  history: PropTypes.object,
  openSigninModal: PropTypes.func,
  profilePicId: PropTypes.number,
  realName: PropTypes.string,
  twinkleXP: PropTypes.number,
  userId: PropTypes.number,
  username: PropTypes.string
}
function ProfileWidget({
  history,
  openSigninModal,
  twinkleXP,
  userId,
  username,
  profilePicId,
  realName
}) {
  return (
    <div
      style={{
        paddingTop: '1em',
        paddingBottom: '1em',
        backgroundColor: '#fff'
      }}
    >
      <div className="col-xs-5" style={{ float: 'left' }}>
        <ProfilePic
          size="8"
          userId={userId}
          profilePicId={profilePicId}
          style={{ cursor: userId ? 'pointer' : 'default' }}
          onClick={() => (userId ? history.push(`/users/${username}`) : null)}
        />
      </div>
      <div className="col-xs-7">
        <div
          style={{
            fontWeight: 'bold',
            fontSize: '1.5em'
          }}
        ><commit_msg>profile widget css issues resolved<commit_after>import React from 'react'
import PropTypes from 'prop-types'
import ProfilePic from 'components/ProfilePic'
import { Color } from 'constants/css'
import Button from 'components/Button'
import { openSigninModal } from 'redux/actions/UserActions'
import { Link } from 'react-router-dom'
import { connect } from 'react-redux'

ProfileWidget.propTypes = {
  history: PropTypes.object,
  openSigninModal: PropTypes.func,
  profilePicId: PropTypes.number,
  realName: PropTypes.string,
  twinkleXP: PropTypes.number,
  userId: PropTypes.number,
  username: PropTypes.string
}
function ProfileWidget({
  history,
  openSigninModal,
  twinkleXP,
  userId,
  username,
  profilePicId,
  realName
}) {
  return (
    <div
      style={{
        paddingTop: '1em',
        paddingBottom: '1em',
        backgroundColor: '#fff'
      }}
    >
      <div className="col-xs-5" style={{ float: 'left' }}>
        <ProfilePic
          size="8"
          userId={userId}
          profilePicId={profilePicId}
          style={{ cursor: userId ? 'pointer' : 'default' }}
          onClick={() => (userId ? history.push(`/users/${username}`) : null)}
        />
      </div>
      <div className="col-xs-7">
        <div
          style={{
            fontWeight: 'bold',
            fontSize: '1.5em',
            textOverflow: 'ellipsis',
            overflow: 'hidden'
          }}
        >
{'fraction_non_alphanumeric': 0.1305767138193689, 'fraction_numerical': 0.005077983315197679, 'mean_word_length': 2.6337285902503296, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 17, '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': '5203063', 'n_tokens_mistral': 832, 'n_tokens_neox': 856, 'n_words': 192}