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 | 1x 1x 1x 1x 75x 75x 75x 75x 75x 75x 75x 75x 75x 75x 75x 75x 75x 75x 75x 75x 11x 11x 9x 11x 3x 3x 3x 3x 3x 3x 3x 3x 3x 11x 8x 8x 11x 75x 75x 1x | import React from "react";
import { Card, Button, Container, Row, Col } from "react-bootstrap";
import { isFutureDate } from "./commonsCardUtils";
const CommonsCard = ({ buttonText, buttonLink, commons }) => {
const testIdPrefix = "commonsCard";
return (
<Card.Body className="woodenboardtable">
<Container>
<Row>
<Col sx={4} data-testid={`${testIdPrefix}-id-${commons.id}`}>
{commons.id}
</Col>
<Col sx={4} data-testid={`${testIdPrefix}-name-${commons.id}`}>
{commons.name}
</Col>
{buttonText != null && (
<Col sm={4}>
<Button
data-testid={`${testIdPrefix}-button-${buttonText}-${commons.id}`}
size="sm"
className="buttonchange"
onClick={() => {
if (
buttonText === "Join" &&
isFutureDate(commons.startingDate)
) {
// Stryker disable all: unable to read alert text in tests
alert(
"This commons has not started yet and cannot be joined.\nThe starting date is " +
parseInt(commons.startingDate.substring(5, 7)) +
"/" +
parseInt(commons.startingDate.substring(8, 10)) +
"/" +
parseInt(commons.startingDate),
);
// Stryker restore all
} else {
buttonLink(commons.id);
}
}}
>
{buttonText}
</Button>
</Col>
)}
</Row>
</Container>
</Card.Body>
);
};
export default CommonsCard;
|