<commit_before>import React, {Component} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import {getProfile} from '../actions/profileActions';


class UserProfile extends Component {

  componentDidMount() {
    this.props.getProfile();

  }

  render () {

    return (
      <div>
        <h4>This is from Profile-Detail</h4>

        <ul>
          <h4>Name's this: {this.props.profile.name}</h4>
          <li>Title: {this.props.profile.title}</li>
          <li>Hometown: {this.props.profile.hometown}</li>
          <li>Gender: {this.props.profile.gender}</li>
          <li>Race: {this.props.profile.race}</li>
          <li>Industry: {this.props.profile.industry}</li>
          <li>Political Leaning: {this.props.profile.politicalleaning}</li>
          <li>Religion: {this.props.profile.religion}</li>
          <li>Yearly Income: {this.props.profile.yearlyincome}</li>
        </ul>
      </div>
    )
  }
}


function mapStateToProps(state) {
  return {
    profile: state.profile
  };
}

function matchDispatchToProps(dispatch) {
  return bindActionCreators({getProfile: getProfile}, dispatch)
}



export default connect(mapStateToProps, matchDispatchToProps)(UserProfile);<commit_msg>fixed error in profile-detail<commit_after>import React, {Component} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import {getProfile} from '../actions/profileActions';


class UserProfile extends Component {

  componentDidMount() {
    this.props.getProfile();

  }

  render () {
    console.log('=======================props=====================', this.props)

    return (
      <div>
        <h4>This is from Profile-Detail</h4>

        <ul>
          <h4>Name's this: {this.props.profile.name}</h4>
          <li>Title: {this.props.profile.title}</li>
          <li>Hometown: {this.props.profile.hometown}</li>
          <li>Gender: {this.props.profile.gender}</li>
          <li>Race: {this.props.profile.race}</li>
          <li>Industry: {this.props.profile.industry}</li>
          <li>Political Leaning: {this.props.profile.politicalleaning}</li>
          <li>Religion: {this.props.profile.religion}</li>
          <li>Yearly Income: {this.props.profile.yearlyincome}</li>
        </ul>
      </div>
    )
  }
}


function mapStateToProps(state) {
  console.log('##############state###############',state)
  return {
    profile: state.profileReducer
  };
}

function matchDispatchToProps(dispatch) {
  return bindActionCreators({getProfile: getProfile}, dispatch)
}



export default connect(mapStateToProps, matchDispatchToProps)(UserProfile);
{'fraction_non_alphanumeric': 0.1739622641509434, 'fraction_numerical': 0.0030188679245283017, 'mean_word_length': 3.2965964343598055, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 51, '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': '1680168', 'n_tokens_mistral': 871, 'n_tokens_neox': 820, 'n_words': 143}