move all calculation logic into MainPage

1 files changed, 6 insertions, 7 deletions

diff --git a/src/Card.js b/src/Card.js
index a296681..cac335c 100644
--- a/src/Card.js
+++ b/src/Card.js
@@ -3,21 +3,20 @@ import { Link } from "react-router-dom";
 import "./Card.css";
 
 const Card = (props) => {
-    let diff = props.latest - props.prior;
-    if (diff >= 0) {
-        diff = "+" + diff.toString();
+    let diff = props.diff.toString();
+    if (diff.charAt(0) != "-") {
+        diff = "+" + diff;
     }
+
     return (
         <Link className="Card" style={{ padding: 0 }} to={props.link}>
             <div className="group bg-white hover:bg-orange-400 rounded-lg border-2 border-orange-300 hover:border-orange-400 p-4 m-6 transition ease-in-out duration-300">
                 <p>
                     <span className="text-2xl group-hover:text-white transition ease-in-out duration-300">
-                        {props.latest}
-                        {props.suffix}{" "}
+                        {props.latest}{" "}
                     </span>
                     <span className="Diff text-gray-600 group-hover:text-gray-100 text-sm transition ease-in-out duration-300">
-                        ({diff}
-                        {props.suffix})
+                        ({diff})
                     </span>
                 </p>
                 <h3 className="text-base group-hover:text-white transition ease-in-out duration-300">{props.name}</h3>