28 lines
723 B
TypeScript
28 lines
723 B
TypeScript
import { Card } from 'components/Form/Card';
|
|
import Row from 'components/Form/Row';
|
|
|
|
const cardStyles = `
|
|
small { margin-top: 1rem; opacity: 0.5; }
|
|
`;
|
|
|
|
const OpenPortsCard = (props: { data: any, title: string, actionButtons: any }): JSX.Element => {
|
|
const portData = props.data;
|
|
return (
|
|
<Card heading={props.title} actionButtons={props.actionButtons} styles={cardStyles}>
|
|
{portData.openPorts.map((port: any) => (
|
|
<Row key={port} lbl="" val="">
|
|
<span>{port}</span>
|
|
</Row>
|
|
)
|
|
)}
|
|
<br />
|
|
<small>
|
|
Unable to establish connections to:<br />
|
|
{portData.failedPorts.join(', ')}
|
|
</small>
|
|
</Card>
|
|
);
|
|
}
|
|
|
|
export default OpenPortsCard;
|