diff options
author | Galen Guyer <galen@galenguyer.com> | 2020-11-14 14:35:10 -0500 |
---|---|---|
committer | Galen Guyer <galen@galenguyer.com> | 2020-11-14 14:35:10 -0500 |
commit | 223baecd2196a92e86daf475e499c02a66a754b9 (patch) | |
tree | b600891d474aef0af91a2bfe555352f2bdcbace6 /src/Card.js | |
parent | a5d05db93017d6bc6727c7bc11deb4a555de315a (diff) |
add links to all stats
Diffstat (limited to 'src/Card.js')
-rw-r--r-- | src/Card.js | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/src/Card.js b/src/Card.js index 5710881..626cec0 100644 --- a/src/Card.js +++ b/src/Card.js @@ -1,4 +1,5 @@ import React from "react"; +import { Link } from "react-router-dom"; import "./Card.css"; const Card = (props) => { @@ -8,17 +9,19 @@ const Card = (props) => { } return ( <div className="Card bg-white rounded-lg border-2 border-orange-300 p-4 m-4"> - <p> - <span className="text-2xl"> - {props.latest} - {props.suffix}{" "} - </span> - <span className="Diff text-gray-600 text-sm"> - ({diff} - {props.suffix}) - </span> - </p> - <h3 className="text-base">{props.name}</h3> + <Link to={props.link}> + <p> + <span className="text-2xl"> + {props.latest} + {props.suffix}{" "} + </span> + <span className="Diff text-gray-600 text-sm"> + ({diff} + {props.suffix}) + </span> + </p> + <h3 className="text-base">{props.name}</h3> + </Link> </div> ); }; |