2017-04-11 11:34:59 +02:00

42 lines
1.0 KiB
JavaScript

/**
*
* TableRow
*
*/
import React from 'react';
import { Link } from 'react-router';
import styles from './styles.scss';
class TableRow extends React.Component { // eslint-disable-line react/prefer-stateless-function
render() {
const cells = this.props.headers.map((header, i) => (<td key={i} className={styles.tableRowCell}>{this.props.record[header.name]}</td>));
return (
<tr className={styles.tableRow}>
<td scope="row" className={styles.tableRowCell}>
<Link to={this.props.destination}>{this.props.record['id']}</Link>
</td>
{cells}
<td className={styles.actions}>
<Link to={this.props.destination}>
<i className="ion ion-edit"></i>
</Link>
<Link to={this.props.destination}>
<i className="ion ion-close-round"></i>
</Link>
</td>
</tr>
);
}
}
TableRow.propTypes = {
headers: React.PropTypes.array,
record: React.PropTypes.object,
destination: React.PropTypes.string,
};
export default TableRow;