20 lines
572 B
TypeScript
20 lines
572 B
TypeScript
|
|
import { Card } from 'components/Form/Card';
|
|
import Row from 'components/Form/Row';
|
|
|
|
const BlockListsCard = (props: {data: any, title: string, actionButtons: any }): JSX.Element => {
|
|
const blockLists = props.data.blocklists;
|
|
return (
|
|
<Card heading={props.title} actionButtons={props.actionButtons}>
|
|
{ blockLists.map((blocklist: any) => (
|
|
<Row
|
|
title={blocklist.serverIp}
|
|
lbl={blocklist.server}
|
|
val={blocklist.isBlocked ? '❌ Blocked' : '✅ Not Blocked'} />
|
|
))}
|
|
</Card>
|
|
);
|
|
}
|
|
|
|
export default BlockListsCard;
|