2017-04-10 16:28:30 +02:00
|
|
|
/**
|
|
|
|
*
|
|
|
|
* TableRow
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
import React from 'react';
|
|
|
|
import { Link } from 'react-router';
|
2017-04-11 11:34:59 +02:00
|
|
|
|
2017-04-10 16:28:30 +02:00
|
|
|
import styles from './styles.scss';
|
|
|
|
|
|
|
|
class TableRow extends React.Component { // eslint-disable-line react/prefer-stateless-function
|
|
|
|
render() {
|
2017-04-11 11:34:59 +02:00
|
|
|
const cells = this.props.headers.map((header, i) => (<td key={i} className={styles.tableRowCell}>{this.props.record[header.name]}</td>));
|
2017-04-10 16:28:30 +02:00
|
|
|
|
|
|
|
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;
|