Enforce template strings in eslint (#1574)

Signed-off-by: Panu Horsmalahti <phorsmalahti@mirantis.com>

src/renderer/components/chart/pie-chart.tsx

@@ -26,7 +26,7 @@ export class PieChart extends React.Component<Props> {
             const metaData = Object.values<{ total: number }>(dataset["_meta"])[0];
             const percent = Math.round((dataset["data"][tooltipItem["index"]] / metaData.total) * 100);
             if (isNaN(percent)) return "N/A";
-            return percent + "%";
+            return `${percent}%`;
           },
         },
         filter: ({ datasetIndex, index }, { datasets }) => {

src/renderer/components/chart/zebra-stripes.plugin.ts

@@ -46,10 +46,10 @@ export const ZebraStripes = {
     if (this.getStripesElem(chart)) return;
 
     cover.className = "zebra-cover";
-    styles.width = right - left + "px";
-    styles.left = left + "px";
-    styles.top = top + "px";
-    styles.height = bottom - top + "px";
+    styles.width = `${right - left}px`;
+    styles.left = `${left}px`;
+    styles.top = `${top}px`;
+    styles.height = `${bottom - top}px`;
     styles.backgroundImage = `
       repeating-linear-gradient(to right, ${stripeColor} 0px, ${stripeColor} ${stripeWidth}px,
       transparent ${stripeWidth}px, transparent ${stripeWidth * 2 + step}px)
@@ -89,7 +89,7 @@ export const ZebraStripes = {
     if (minutes > 0) {
       // Move position regarding to difference in time
       const cover = this.getStripesElem(chart);
-      cover.style.backgroundPositionX = -step * minutes + "px";
+      cover.style.backgroundPositionX = `${-step * minutes}px`;
     }
   }
 };