// this file is a subview of a user's offers that they received & inputted
// its parent is UserProfile.js

// import dependencies
import React, { PropTypes, Component }  from 'react';
import _                                from 'lodash';
import { Table, TableHeader, TableRow, TableRowColumn, TableHeaderColumn,TableBody,TableFooter } from 'material-ui';

export default class MyOffers extends Component {
  constructor () {
    super();
    this.state = {
      fixedHeader: true,
      stripedRows: true,
      showRowHover: false,
    };
  }

  render () {
    return (<div>
              <Table fixedHeader={this.state.fixedHeader}>
                <TableHeader>
                  <TableRow>
                    <TableHeaderColumn colSpan="7" style={{textAlign: 'center'}}>
                      <h1>My Offers</h1>
                    </TableHeaderColumn>
                  </TableRow>

                  <TableRow>
                    <TableHeaderColumn>Offer #</TableHeaderColumn>
                    <TableHeaderColumn>Startup Name</TableHeaderColumn>
                    <TableHeaderColumn>Position</TableHeaderColumn>
                    <TableHeaderColumn>Salary</TableHeaderColumn>
                    <TableHeaderColumn>Equity</TableHeaderColumn>
                    <TableHeaderColumn>Total Funding</TableHeaderColumn>
                    <TableHeaderColumn>Employees</TableHeaderColumn>
                  </TableRow>
                </TableHeader>

                <TableBody stripedRows={this.state.stripedRows}>
                  {_.map(this.props.apiData.offers, function(offer) {
                    return (
                      <TableRow>
                        <TableRowColumn>{offer.id}</TableRowColumn>
                        <TableRowColumn>Company</TableRowColumn>
                        <TableRowColumn>{offer.position}</TableRowColumn>
                        <TableRowColumn>{offer.salary}</TableRowColumn>
                        <TableRowColumn>{offer.equity}</TableRowColumn>
                        <TableRowColumn>{offer.total_funding}</TableRowColumn>
                        <TableRowColumn>{offer.employees}</TableRowColumn>
                      </TableRow>
                    )
                  })
                  }
                </TableBody>
              </Table>
            </div>)
  }
}

@@ -734,19 +734,69 @@
 umn 
-colSpan=%227%22
+%0A                        colSpan=%227%22 %0A                       
  sty
@@ -821,16 +821,37 @@
 enter'%7D%7D
+%0A                    
 %3E%0A      
@@ -870,16 +870,18 @@
     %3Ch1%3E
+%7B'
 My Offer
@@ -881,16 +881,18 @@
 y Offers
+'%7D
 %3C/h1%3E%0A  
@@ -1033,15 +1033,19 @@
 umn%3E
+%7B'
 Offer #
+'%7D
 %3C/Ta
@@ -1100,16 +1100,18 @@
 rColumn%3E
+%7B'
 Startup 
@@ -1114,16 +1114,18 @@
 tup Name
+'%7D
 %3C/TableH
@@ -1180,16 +1180,18 @@
 umn%3E
+%7B'
 Position
 %3C/Ta
@@ -1186,16 +1186,18 @@
 Position
+'%7D
 %3C/TableH
@@ -1252,14 +1252,18 @@
 umn%3E
+%7B'
 Salary
+'%7D
 %3C/Ta
@@ -1322,14 +1322,18 @@
 umn%3E
+%7B'
 Equity
+'%7D
 %3C/Ta
@@ -1388,16 +1388,18 @@
 rColumn%3E
+%7B'
 Total Fu
@@ -1403,16 +1403,18 @@
  Funding
+'%7D
 %3C/TableH
@@ -1465,16 +1465,18 @@
 rColumn%3E
+%7B'
 Employee
@@ -1476,16 +1476,18 @@
 mployees
+'%7D
 %3C/TableH
@@ -1870,15 +1870,19 @@
 umn%3E
+%7B'
 Company
+'%7D
 %3C/Ta
@@ -2442,8 +2442,73 @@
 )%0A  %7D%0A%7D%0A
+%0AMyOffers.propTypes = %7B%0A  apiData: PropTypes.object.isRequired%0A%7D%0A

Fix linter warnings for MyOffers.js