34 lines
827 B
TypeScript
34 lines
827 B
TypeScript
|
|
import { Card } from 'components/Form/Card';
|
|
import Row, { RowProps } from 'components/Form/Row';
|
|
|
|
const cardStyles = `
|
|
grid-row: span 2;
|
|
.content {
|
|
max-height: 50rem;
|
|
overflow-y: auto;
|
|
}
|
|
`;
|
|
|
|
const RobotsTxtCard = ( props: { data: { robots: RowProps[]}, title: string, actionButtons: any}): JSX.Element => {
|
|
const robots = props.data;
|
|
return (
|
|
<Card heading={props.title} actionButtons={props.actionButtons} styles={cardStyles}>
|
|
<div className="content">
|
|
{
|
|
robots.robots.length === 0 && <p>No crawl rules found.</p>
|
|
}
|
|
{
|
|
robots.robots.map((row: RowProps, index: number) => {
|
|
return (
|
|
<Row key={`${row.lbl}-${index}`} lbl={row.lbl} val={row.val} />
|
|
)
|
|
})
|
|
}
|
|
</div>
|
|
</Card>
|
|
);
|
|
}
|
|
|
|
export default RobotsTxtCard;
|