Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | 2x 78x 62x | import React from "react";
import CommonsCard from "./CommonsCard";
import { Card, Container, Row, Col } from "react-bootstrap";
const CommonsList = (props) => {
return (
<Card
style={
// Stryker disable next-line all: don't test CSS params
{ opacity: ".9" }
}
className="my-3 border-0"
>
<Card.Title
data-testid="commonsList-title"
style={
// Stryker disable next-line all: don't test CSS params
{ fontSize: "35px" }
}
className="text-center my-3"
>
{props.title}
</Card.Title>
<Card.Subtitle>
<Container>
<Row>
<Col data-testid="commonsList-subtitle-id" sx={4}>ID#</Col>
<Col data-testid="commonsList-subtitle-name" sx={4}>Common's Name</Col>
<Col sm={4}></Col>
</Row>
</Container>
</Card.Subtitle>
{
props.commonList &&
props.commonList.map(
(c) => (<CommonsCard key={c.id} commons={c} buttonText={props.buttonText} buttonLink={props.buttonLink} />)
)
}
</Card>
);
};
export default CommonsList;
|