Skip to content

T
toiletcoin
Commit 0ee1b091 by Tonk
Options

add remote and current columns

parent dbb203d9
Showing with 124 additions and 16 deletions
src/components/DataTable.js
...@@ -4,22 +4,126 @@ import { CSVLink } from 'react-csv'; ...@@ -4,22 +4,126 @@ import { CSVLink } from 'react-csv';
import { FaFileCsv } from 'react-icons/fa'; import { FaFileCsv } from 'react-icons/fa';
const mockdata = [ const mockdata = [
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, {
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, site: 'Pichaiyat Building',
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, people: 2670.0,
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, revenue: 17.0,
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, remote: '',
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, current: '',
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, timestamp: '07/31/2019 14:23',
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, {
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, site: 'Pichaiyat Building',
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, people: 2670.0,
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, revenue: 17.0,
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, remote: '',
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, current: '',
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, timestamp: '07/31/2019 14:23',
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' }, },
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
]; ];
export default class DataTable extends React.Component { export default class DataTable extends React.Component {
constructor(props) { constructor(props) {
...@@ -62,6 +166,8 @@ export default class DataTable extends React.Component { ...@@ -62,6 +166,8 @@ export default class DataTable extends React.Component {
<td>{item.site}</td> <td>{item.site}</td>
<td>{item.people}</td> <td>{item.people}</td>
<td>{item.revenue}</td> <td>{item.revenue}</td>
<td>{item.remote}</td>
<td>{item.current}</td>
<td>{item.timestamp}</td> <td>{item.timestamp}</td>
</tr> </tr>
); );
...@@ -104,6 +210,8 @@ export default class DataTable extends React.Component { ...@@ -104,6 +210,8 @@ export default class DataTable extends React.Component {
<th>Site</th> <th>Site</th>
<th>People</th> <th>People</th>
<th>Revenue</th> <th>Revenue</th>
<th>Remote</th>
<th>Current</th>
<th>Timestamp</th> <th>Timestamp</th>
</tr> </tr>
</thead> </thead>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment