1 files changed, 25 insertions, 0 deletions
diff --git a/src/components/Card.jsx b/src/components/Card.jsx
new file mode 100644
index 0000000..95bd583
--- /dev/null
+++ b/src/components/Card.jsx
@@ -0,0 +1,25 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import "./Card.css";
+
+const Card = (props) => {
+    let diff = props.diff.toString();
+    if (diff.charAt(0) != "-") {
+        diff = "+" + diff;
+    }
+
+    return (
+        <Link className="cardLink" to={props.link}>
+            <div className="Card animate">
+                <p>
+                    <span className="Latest">{props.latest}</span> <span className="Diff animate">({diff})</span>
+                </p>
+                <h3>
+                    {props.name}
+                </h3>
+            </div>
+        </Link>
+    );
+};
+
+export default Card;