aboutsummaryrefslogtreecommitdiff
path: root/src/Card.js
diff options
context:
space:
mode:
authorGalen Guyer <galen@galenguyer.com>2020-11-14 14:35:10 -0500
committerGalen Guyer <galen@galenguyer.com>2020-11-14 14:35:10 -0500
commit223baecd2196a92e86daf475e499c02a66a754b9 (patch)
treeb600891d474aef0af91a2bfe555352f2bdcbace6 /src/Card.js
parenta5d05db93017d6bc6727c7bc11deb4a555de315a (diff)
add links to all stats
Diffstat (limited to 'src/Card.js')
-rw-r--r--src/Card.js25
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>
);
};