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 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 11x 11x 9x 11x 3x 3x 3x 3x 3x 3x 3x 3x 3x 11x 8x 8x 11x 83x 83x 1x | import React from "react";
import { Card, Button, Container, Row, Col } from "react-bootstrap";
import { isFutureDate } from "./commonsCardUtils";
const CommonsCardv2 = ({ 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 CommonsCardv2;
|