From 58e19a7c587195ee2a63db67e84485fab2436374 Mon Sep 17 00:00:00 2001
From: Maciej Hirsz <1096222+maciejhirsz@users.noreply.github.com>
Date: Sun, 30 Sep 2018 20:41:17 +0200
Subject: [PATCH] Set CPU scale to 100% at minimum (#71)

---
 packages/frontend/declarations/index.d.ts      | 1 +
 packages/frontend/package.json                 | 2 +-
 packages/frontend/src/components/Node/Row.tsx  | 2 +-
 packages/frontend/src/components/Sparkline.tsx | 4 +++-
 yarn.lock                                      | 4 ++--
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/declarations/index.d.ts b/packages/frontend/declarations/index.d.ts
index 201acf7..fc0f52c 100644
--- a/packages/frontend/declarations/index.d.ts
+++ b/packages/frontend/declarations/index.d.ts
@@ -1,6 +1,7 @@
 declare module '@fnando/sparkline' {
   namespace sparkline {
     export interface Options {
+      minScale?: number;
       spotRadius?: number;
       cursorWidth?: number;
       interactive?: boolean;
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 7641b08..262ff58 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -5,7 +5,7 @@
   "license": "GPL-3.0",
   "description": "Polkadot Telemetry frontend",
   "dependencies": {
-    "@fnando/sparkline": "^0.3.10",
+    "@fnando/sparkline": "maciejhirsz/sparkline",
     "polkadot-identicon": "^1.1.0",
     "react": "16.4.0",
     "react-dom": "16.4.0",
diff --git a/packages/frontend/src/components/Node/Row.tsx b/packages/frontend/src/components/Node/Row.tsx
index 479cc1f..d3a78c9 100644
--- a/packages/frontend/src/components/Node/Row.tsx
+++ b/packages/frontend/src/components/Node/Row.tsx
@@ -140,7 +140,7 @@ export default class Row extends React.Component<RowProps, {}> {
         }
 
         return (
-          <Sparkline width={48} height={16} stroke={1} format={formatCPU} values={cpu} />
+          <Sparkline width={48} height={16} stroke={1} format={formatCPU} values={cpu} minScale={100} />
         );
       }
     },
diff --git a/packages/frontend/src/components/Sparkline.tsx b/packages/frontend/src/components/Sparkline.tsx
index 5f744d6..cd92d83 100644
--- a/packages/frontend/src/components/Sparkline.tsx
+++ b/packages/frontend/src/components/Sparkline.tsx
@@ -10,6 +10,7 @@ export namespace Sparkline {
     width: number;
     height: number;
     values: number[];
+    minScale?: number;
     format?: (value: number) => string;
   }
 }
@@ -26,7 +27,7 @@ export class Sparkline extends React.Component<Sparkline.Props, {}> {
   }
 
   public shouldComponentUpdate(nextProps: Sparkline.Props): boolean {
-    const { stroke, width, height, format } = this.props;
+    const { stroke, width, height, minScale, format } = this.props;
 
     if (stroke !== nextProps.stroke || width !== nextProps.width || height !== nextProps.height || format !== nextProps.format) {
       return true;
@@ -34,6 +35,7 @@ export class Sparkline extends React.Component<Sparkline.Props, {}> {
 
     if (this.props.values !== nextProps.values) {
       sparkline(this.el, nextProps.values, {
+        minScale,
         interactive: true,
         onmousemove: this.onMouseMove,
       });
diff --git a/yarn.lock b/yarn.lock
index 22d7dae..b34e33e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16,9 +16,9 @@
     esutils "^2.0.2"
     js-tokens "^3.0.0"
 
-"@fnando/sparkline@^0.3.10":
+"@fnando/sparkline@maciejhirsz/sparkline":
   version "0.3.10"
-  resolved "https://registry.yarnpkg.com/@fnando/sparkline/-/sparkline-0.3.10.tgz#0cb6549a232af0f19f75b33d38fddd4f5ed9f086"
+  resolved "https://codeload.github.com/maciejhirsz/sparkline/tar.gz/2bdb002b171436be078a84f1e4e617a44ef1fb42"
 
 "@tanem/svg-injector@^1.2.0":
   version "1.2.1"