All files / components/Commons FarmStats.js

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

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        3x 29x                                                    
import React from "react";
import { Card } from "react-bootstrap";
import { ProgressBar } from "react-bootstrap";
 
const FarmStats = ({userCommons}) => {
    return (
        <Card>
        <Card.Header as="h5">Your Farm Stats</Card.Header>
        <Card.Body>
            {/* 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;