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 | 1x 1x 1x 1x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 60x 1x | import React from "react";
import { Card } from "react-bootstrap";
import { ProgressBar } from "react-bootstrap";
const FarmStats = ({ userCommons }) => {
return (
<Card>
<Card.Header as="h5" className="woodenboardtable">
Your Farm Stats
</Card.Header>
<Card.Body
style={
// Stryker disable next-line all: don't test CSS params
{ backgroundColor: "rgb(245, 210, 140)" }
}
>
{/* update total wealth and cow health with data from fixture */}
<Card.Title className="text-center">
💰 Total Wealth: ${userCommons.totalWealth.toFixed(2)}
</Card.Title>
<Card.Text>Total Cows Bought: {userCommons.cowsBought}</Card.Text>
<Card.Text>Total Cows Sold: {userCommons.cowsSold}</Card.Text>
<Card.Title className="text-center">
❤️ Cow Health: {Math.round(userCommons.cowHealth * 100) / 100}%
</Card.Title>
<ProgressBar
now={userCommons.cowHealth}
min={0}
max={100}
variant="danger"
/>
<Card.Text>💀 Cow Deaths: {userCommons.cowDeaths}</Card.Text>
</Card.Body>
</Card>
);
};
export default FarmStats;
|