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 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 42x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 62x 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;
|