From 06521cc5fdfe293379411941d3654eb75dbad2e1 Mon Sep 17 00:00:00 2001
From: Tanmay <tanmaylaud@gmail.com>
Date: Fri, 7 Aug 2020 17:33:42 +0530
Subject: [PATCH] Added active label per country

---
 src/PolygonLabel.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/PolygonLabel.tsx

diff --git a/src/PolygonLabel.tsx b/src/PolygonLabel.tsx
new file mode 100644
index 0000000..1069cd4
--- /dev/null
+++ b/src/PolygonLabel.tsx
@@ -0,0 +1,22 @@
+import { format } from "d3";
+import { FLAG_ENDPOINT } from "./Constants";
+import { numberWithCommas } from "./utils";
+
+export function getPolygonLabel(flagName: string, d: any, c: any): string {
+  return `
+          <div class="card">
+            <img class="card-img" src="${FLAG_ENDPOINT}/${flagName}.png" alt="flag" />
+            <div class="container">
+               <span class="card-title"><b>${d.NAME}</b></span> <br />
+               <div class="card-spacer"></div>
+               <hr />
+               <div class="card-spacer"></div>
+               <span>Cases: ${numberWithCommas(c.confirmed)}</span>  <br />
+               <span>Deaths: ${numberWithCommas(c.deaths)}</span> <br />
+               <span>Recovered: ${numberWithCommas(c.recoveries)}</span> <br />
+               <span>Active: ${numberWithCommas(c.active)}</span>  <br />
+               <span>Population: ${format(".3s")(d.POP_EST)}</span>
+            </div>
+          </div>
+        `;
+}