Animated metric card.

2020-07-29 20:09:41 -07:00
parent f9a6f5f637
commit da2d383b71
8 changed files with 41 additions and 13 deletions
--- a/components/WebsiteSummary.js
+++ b/components/WebsiteSummary.js
@@ -24,7 +24,11 @@ export default function WebsiteSummary({ websiteId, startDate, endDate }) {
    <div className={styles.container}>
      <MetricCard label="Views" value={pageviews} />
      <MetricCard label="Visitors" value={uniques} />
-      <MetricCard label="Bounce rate" value={`${~~((bounces / uniques) * 100)}%`} />
+      <MetricCard
+        label="Bounce rate"
+        value={uniques ? (bounces / uniques) * 100 : 0}
+        format={n => Number(n).toFixed(0) + '%'}
+      />
    </div>
  );
 }