28 lines
833 B
React
28 lines
833 B
React
|
import React, { Fragment, memo } from 'react'
|
||
|
|
import MaterialTable from 'material-table'
|
||
|
|
|
||
|
|
const convertToHours = seconds => seconds / 60 / 60
|
||
|
|
const cancelText = canceled => canceled ? 'Yes' : 'No'
|
||
|
|
const formatField = field => ({
|
||
|
|
...field,
|
||
|
|
commitTime: convertToHours(field.commitTime),
|
||
|
|
canceled: cancelText(field.canceled)
|
||
|
|
})
|
||
|
|
const FunderProfilesTable = ({ data }) => (
|
||
|
|
<Fragment>
|
||
|
|
<MaterialTable
|
||
|
|
columns={[
|
||
|
|
{ title: 'Profile Id', field: 'idGiver', type: 'numeric' },
|
||
|
|
{ title: 'Name', field: 'name' },
|
||
|
|
{ title: 'Url', field: 'url' },
|
||
|
|
{ title: 'Commit Time', field: 'commitTime', type: 'numeric' },
|
||
|
|
{ title: 'cancel', field: 'canceled' }
|
||
|
|
]}
|
||
|
|
data={data.map(formatField)}
|
||
|
|
title="Funding Profiles"
|
||
|
|
/>
|
||
|
|
</Fragment>
|
||
|
|
)
|
||
|
|
|
||
|
|
export default memo(FunderProfilesTable)
|