<commit_before>import { Card, CardActions, CardHeader, CardMedia, CardTitle, CardText } from 'material-ui/Card';
import { Grid, Row, Col } from 'react-bootstrap';
import { withRouter } from 'react-router';

import Close from 'material-ui/svg-icons/navigation/close';
import Eyeball from 'material-ui/svg-icons/image/remove-red-eye';
import FlatButton from 'material-ui/FlatButton';

import JobAddressTable from 'components/JobAddressTable';
import JobAddressTableEdit from 'components/JobAddressTableEdit';

import JobContactsList from 'components/JobContactsList';
import JobNotesDashboard from 'components/JobNotesDashboard';

import JobProgressTable from 'components/JobProgressTable';
import JobProgressTableEdit from 'components/JobProgressTableEdit';

import ProgressStepper from 'components/ProgressStepper';
import React from 'react';
import weakKey from 'weak-key';

const JobsJob = React.createClass({
  getInitialState() {
    return {
      editing: null,
      editingId: null,
      expanded: null
    }
  },

  handleEditing(job, id){
    this.setState({ editing: job, editingId: id });
  },

  handleExpandChange(expanded) {
    this.setState({expanded: expanded});
  },

  handleExpand() {
    this.setState({expanded: true});
  },

  handleReduce() {
    this.setState({expanded: false});
  },

  render() {
    let { jobs } = this.props;

    jobs.sort((p1, p2) => p1.companyName > p2.companyName);
    const styles = {
      job: {
        backgroundColor: '#F9F8F7',
        borderRadius: '3px',
        color: '#A6A399',
        marginBottom: '10px',
        padding: '10px 20px'
      },
      p: {
        color: 'black',
        fontFamily: 'MontserratLight'
      },
      paper: {
        padding: '10px'
      },
      section: {
        backgroundColor: 'white',
        borderRadius: '5px',
        marginBottom: '10px',
        padding: '10px'
      },
      subtitle: {
        fontSize: '1.6rem'
      },
      table: {
        marginBottom: '20px'
      },
      title: {
        fontSize: '3.2rem'
      },
    };

    return <Col xs={12} md={9} style={{padding: '20px 40px 0 10px'}}>
      {jobs.map((job) => {
        return <Card
            key={weakKey(job)}
            expanded={this.state.expanded}
            style={styles.job}
            onExpandChange={this.handleExpandChange}
          >
          <CardHeader
            title={job.companyName}
            titleStyle={styles.title}
            style={{paddingBottom: '0px'}}
            subtitle={job.title}
            subtitleStyle={styles.subtitle}
          >
          <CardActions>
          <FlatButton
          backgroundColor={'#327F9E'}
          icon={<Eyeball />}
          label="View More"
          style={{float: 'right', position: 'relative', bottom: '60px'}}
          onTouchTap={this.handleExpand}<commit_msg>remove unused functionallity<commit_after>import { Card, CardActions, CardHeader, CardMedia, CardTitle, CardText } from 'material-ui/Card';
import { Grid, Row, Col } from 'react-bootstrap';
import { withRouter } from 'react-router';

import Close from 'material-ui/svg-icons/navigation/close';
import Eyeball from 'material-ui/svg-icons/image/remove-red-eye';
import FlatButton from 'material-ui/FlatButton';

import JobAddressTable from 'components/JobAddressTable';
import JobAddressTableEdit from 'components/JobAddressTableEdit';

import JobContactsList from 'components/JobContactsList';
import JobNotesDashboard from 'components/JobNotesDashboard';

import JobProgressTable from 'components/JobProgressTable';
import JobProgressTableEdit from 'components/JobProgressTableEdit';

import ProgressStepper from 'components/ProgressStepper';
import React from 'react';
import weakKey from 'weak-key';

const JobsJob = React.createClass({
  getInitialState() {
    return {
      editing: null,
      editingId: null,
      expanded: null
    }
  },

  handleEditing(job, id){
    this.setState({ editing: job, editingId: id });
  },

  handleExpand() {
    this.setState({expanded: true});
  },

  handleReduce() {
    this.setState({expanded: false});
  },

  render() {
    let { jobs } = this.props;

    jobs.sort((p1, p2) => p1.companyName > p2.companyName);
    const styles = {
      job: {
        backgroundColor: '#F9F8F7',
        borderRadius: '3px',
        color: '#A6A399',
        marginBottom: '10px',
        padding: '10px 20px'
      },
      p: {
        color: 'black',
        fontFamily: 'MontserratLight'
      },
      paper: {
        padding: '10px'
      },
      section: {
        backgroundColor: 'white',
        borderRadius: '5px',
        marginBottom: '10px',
        padding: '10px'
      },
      subtitle: {
        fontSize: '1.6rem'
      },
      table: {
        marginBottom: '20px'
      },
      title: {
        fontSize: '3.2rem'
      },
    };

    return <Col xs={12} md={9} style={{padding: '20px 40px 0 10px'}}>
      {jobs.map((job) => {
        return <Card
            key={weakKey(job)}
            expanded={this.state.expanded}
            style={styles.job}
          >
          <CardHeader
            title={job.companyName}
            titleStyle={styles.title}
            style={{paddingBottom: '0px'}}
            subtitle={job.title}
            subtitleStyle={styles.subtitle}
          >
          <CardActions>
          <FlatButton
          backgroundColor={'#327F9E'}
          icon={<Eyeball />}
          label="View More"
          style={{float: 'right', position: 'relative', bottom: '60px'}}
          onTouchTap={this.handleExpand}
{'fraction_non_alphanumeric': 0.13090515686981608, 'fraction_numerical': 0.01730977280923188, 'mean_word_length': 2.546675191815857, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 19, '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': '4090029', 'n_tokens_mistral': 1733, 'n_tokens_neox': 1684, 'n_words': 353}