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  
 
 
 
3x
64x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Card } from "react-bootstrap";
import Cash from "./../../../assets/Cash.png";
import Health from "./../../../assets/Health.png";
 
const FarmStats = ({userCommons}) => {
    return (
        <Card className="text-center">
        <Card.Header as="h5">Your Farm Stats</Card.Header>
        <Card.Body>
            {/* update total wealth and cow health with data from fixture */}
            <Card.Text>
                <img className="icon small" src={Cash} alt="Cash"></img>
            </Card.Text>
            <Card.Text className="bigger-text">
                Total Wealth: ${userCommons.totalWealth}
            </Card.Text>
            <Card.Text>
                <img className="icon small" src={Health} alt="Health"></img> 
            </Card.Text>
            <Card.Text className="bigger-text">
                Cow Health: {Math.round(userCommons.cowHealth*100)/100}%
            </Card.Text>
        </Card.Body>
        </Card>
    ); 
}; 
 
export default FarmStats;