mirror of
https://github.com/status-im/liquid-funding.git
synced 2025-01-10 03:26:06 +00:00
34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
import React, { Fragment, memo } from 'react'
|
|
import MaterialTable from 'material-table'
|
|
import { toEther } from '../utils/conversions'
|
|
import { getTokenLabel } from '../utils/currencies'
|
|
|
|
const convertToHours = seconds => seconds / 60 / 60
|
|
const projectText = project => project === '0' ? 'N/A' : project
|
|
const formatField = field => ({
|
|
...field,
|
|
commitTime: convertToHours(field.commitTime),
|
|
amount: toEther(field.amount),
|
|
token: getTokenLabel(field.token),
|
|
intendedProject: projectText(field.intendedProject)
|
|
})
|
|
const PledgesTable = ({ data }) => (
|
|
<Fragment>
|
|
<MaterialTable
|
|
columns={[
|
|
{ title: 'Pledge Id', field: 'id', type: 'numeric' },
|
|
{ title: 'Owner', field: 'owner' },
|
|
{ title: 'Amount Funded', field: 'amount', type: 'numeric' },
|
|
{ title: 'Token', field: 'token' },
|
|
{ title: 'Commit Time', field: 'commitTime', type: 'numeric' },
|
|
{ title: 'Number of Delegates', field: 'nDelegates', type: 'numeric' },
|
|
{ title: 'Intended Project', field: 'intendedProject' },
|
|
]}
|
|
data={data.map(formatField)}
|
|
title="Pledges"
|
|
/>
|
|
</Fragment>
|
|
)
|
|
|
|
export default memo(PledgesTable)
|