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 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 | 1x 1x 1x 1x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 1x | import React from "react";
import CommonsCard from "./CommonsCard";
import { Card, Container, Row, Col } from "react-bootstrap";
const CommonsList = (props) => {
const defaultMessage = props.title?.includes("Join") ? "join" : "visit";
return (
<Card
style={
// Stryker disable all: don't test CSS params
{
opacity: "1",
backgroundColor: "rgb(147,98,66)",
color: "rgb(245, 210, 140)",
border: "6px solid rgb(99,71,52)",
}
}
// Stryker restore all
className="my-3"
>
<Card.Title
data-testid="commonsList-title"
style={
// Stryker disable all: don't test CSS params
{
fontFamily: "Rye",
fontSize: "35px",
backgroundColor: "rgb(147,98,66)",
color: "rgb(245, 210, 140)",
}
}
// Stryker restore all
className="text-center my-3"
>
{props.title}
</Card.Title>
{props.commonList.length > 0 ? (
<React.Fragment>
<Card.Subtitle>
<Container>
<Row>
<Col
data-testid="commonsList-subtitle-id"
sx={4}
style={
// Stryker disable next-line all: don't test CSS params
{ fontFamily: "Sancreek", paddingBottom: "10px" }
}
>
ID#
</Col>
<Col
data-testid="commonsList-subtitle-name"
sx={4}
style={
// Stryker disable next-line all: don't test CSS params
{ fontFamily: "Sancreek", paddingBottom: "10px" }
}
>
Common's Name
</Col>
<Col sm={4}></Col>
</Row>
</Container>
</Card.Subtitle>
{props.commonList.map((c) => (
<CommonsCard
key={c.id}
commons={c}
buttonText={props.buttonText}
buttonLink={props.buttonLink}
/>
))}
</React.Fragment>
) : (
<Card.Subtitle>
<Container>
<Row
style={
// Stryker disable all: don't test CSS params
{
justifyContent: "center",
fontFamily: "Sancreek",
paddingBottom: "10px",
}
// Stryker restore all
}
data-testid="commonsList-default-message"
>
There are currently no commons to {defaultMessage}
</Row>
</Container>
</Card.Subtitle>
)}
</Card>
);
};
export default CommonsList;
|