83 lines
1.9 KiB
JavaScript
83 lines
1.9 KiB
JavaScript
import { makeStyles } from '@material-ui/core/styles'
|
|
import * as R from 'ramda'
|
|
import React, { useState } from 'react'
|
|
import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
|
|
|
|
import { DeleteDialog } from 'src/components/DeleteDialog'
|
|
import { IconButton } from 'src/components/buttons'
|
|
import DataTable from 'src/components/tables/DataTable'
|
|
import CopyToClipboard from 'src/pages/Transactions/CopyToClipboard'
|
|
|
|
import styles from './Blacklist.styles'
|
|
|
|
const useStyles = makeStyles(styles)
|
|
|
|
const BlacklistTable = ({
|
|
data,
|
|
handleDeleteEntry,
|
|
errorMessage,
|
|
setErrorMessage,
|
|
deleteDialog,
|
|
setDeleteDialog
|
|
}) => {
|
|
const classes = useStyles()
|
|
|
|
const [toBeDeleted, setToBeDeleted] = useState()
|
|
|
|
const elements = [
|
|
{
|
|
name: 'address',
|
|
header: 'Address',
|
|
width: 1070,
|
|
textAlign: 'left',
|
|
size: 'sm',
|
|
view: it => (
|
|
<div className={classes.addressRow}>
|
|
<CopyToClipboard>{R.path(['address'], it)}</CopyToClipboard>
|
|
</div>
|
|
)
|
|
},
|
|
{
|
|
name: 'deleteButton',
|
|
header: 'Delete',
|
|
width: 130,
|
|
textAlign: 'center',
|
|
size: 'sm',
|
|
view: it => (
|
|
<IconButton
|
|
className={classes.deleteButton}
|
|
onClick={() => {
|
|
setDeleteDialog(true)
|
|
setToBeDeleted(it)
|
|
}}>
|
|
<DeleteIcon />
|
|
</IconButton>
|
|
)
|
|
}
|
|
]
|
|
|
|
return (
|
|
<>
|
|
<DataTable
|
|
data={data}
|
|
elements={elements}
|
|
emptyText="No blacklisted addresses so far"
|
|
name="blacklistTable"
|
|
/>
|
|
<DeleteDialog
|
|
open={deleteDialog}
|
|
onDismissed={() => {
|
|
setDeleteDialog(false)
|
|
setErrorMessage(null)
|
|
}}
|
|
onConfirmed={() => {
|
|
setErrorMessage(null)
|
|
handleDeleteEntry(R.path(['address'], toBeDeleted))
|
|
}}
|
|
errorMessage={errorMessage}
|
|
/>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default BlacklistTable
|