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  
 
 
 
4x
155x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  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;