more lint - components (#336)

* more lint * fix typo introduced in delinting * more lint * remove dead code * lint fixes * lint
2026-10-01 18:18:11 +08:00 · 2018-10-17 07:17:51 -07:00
parent 952578680a
commit f9f43c42c0
23 changed files with 494 additions and 586 deletions
@@ -0,0 +1,30 @@
+import React from "react";
+import getContrast from "font-color-contrast"; // https://www.npmjs.com/package/font-color-contrast
+
+const HeatmapSquare = props => {
+  const { backgroundColor, text } = props;
+  const contrastColor = getContrast(
+    backgroundColor
+      .substring(4, backgroundColor.length - 1)
+      .replace(/ /g, "")
+      .split(",")
+  );
+  return (
+    <p
+      style={{
+        padding: "12px 6px",
+        textAlign: "center",
+        color: contrastColor,
+        width: 40,
+        flexShrink: 0,
+        fontSize: 12,
+        margin: 0,
+        backgroundColor
+      }}
+    >
+      {text}
+    </p>
+  );
+};
+
+export default HeatmapSquare;