franjsco/tick3t
1
0
Fork 0
mirror of https://github.com/franjsco/tick3t synced 2024-12-27 09:53:37 +01:00
Code Issues Releases Wiki Activity

refactor: Table component

Browse Source
This commit is contained in:
Francesco Esposito 2019-07-31 15:55:55 +02:00
parent 53f7bda915
commit 91766ed11d
1 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Table.js
View File

@ -1,26 +1,21 @@
import React, { Component } from 'react';
import React from 'react';
import {
Col,
Row,
Table as TableBootstrap
} from 'reactstrap';
import { formatStatus, formatDate } from '../utils/helper';
const tableKeyStyle = {
width: '18%',
color: '#45474b'
}
class Table extends Component {
constructor(props) {
super(props);
this.state = {};
}
render() {
let data = this.props.data;
const Table = (props) => {
const data = props.data;
if (data) {
return (
<Row>
<Col sm="12" md={{ size: 10, offset: 1 }}>
@ -37,16 +32,16 @@ class Table extends Component {
</tr>
<tr>
<td style={tableKeyStyle} className="font-weight-bold text-right">status:</td>
<td className="text-left">{data.status}</td>
<td className="text-left">{formatStatus(data.status)}</td>
</tr>
<tr>
<td style={tableKeyStyle} className="font-weight-bold text-right">created:</td>
<td className="text-left">{data.createdAt}</td>
<td className="text-left">{formatDate(data.createdAt)}</td>
</tr>
<tr>
<td style={tableKeyStyle} className="font-weight-bold text-right">updated:</td>
<td className="text-left">{data.updatedAt}</td>
<td className="text-left">{formatDate(data.updatedAt)}</td>
</tr>
<tr>
<td style={tableKeyStyle} className="font-weight-bold text-right">created by:</td>
@ -73,6 +68,8 @@ class Table extends Component {
</Col>
</Row>
);
} else {
return (null);
}
}