From 8aa777de311f15025b2a4b4b74cce992b1b41bf1 Mon Sep 17 00:00:00 2001
From: io53 <defragmated@gmail.com>
Date: Sun, 29 Sep 2024 23:55:35 +0300
Subject: [PATCH] dont hide graph series label in compare view #445

---
 src/TimeHelper.js                             |  1 +
 src/components/CompareView.jsx                |  3 ++-
 src/components/Graph.jsx                      |  2 +-
 .../uplotPlugins/UplotLegendHider.jsx         | 24 ++++++++++---------
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/TimeHelper.js b/src/TimeHelper.js
index 9af2527..fdeecdd 100644
--- a/src/TimeHelper.js
+++ b/src/TimeHelper.js
@@ -19,6 +19,7 @@ export function getTimestamp(date) {
 }
 
 export function secondsToUserDateString(seconds) {
+    if (!seconds) return "-"
     return new Date(seconds * 1000).toLocaleString(navigator.language || "fi-FI")
 }
 
diff --git a/src/components/CompareView.jsx b/src/components/CompareView.jsx
index c5269c3..d5b241c 100644
--- a/src/components/CompareView.jsx
+++ b/src/components/CompareView.jsx
@@ -171,7 +171,7 @@ function CompareView(props) {
                 : (
                     <UplotReact
                         options={{
-                            plugins: [UplotTouchZoomPlugin(getXRange()), UplotLegendHider],
+                            plugins: [UplotTouchZoomPlugin(getXRange())],
                             padding: [10, 10, 0, -10],
                             width: width,
                             height: 450,
@@ -185,6 +185,7 @@ function CompareView(props) {
                                     return {
                                         label: x.name || x.sensor,
                                         points: { show: true, size: 2, fill: getGraphColor(i) },
+                                        class: "graphLabel",
                                         stroke: getGraphColor(i),
                                     }
                                 })
diff --git a/src/components/Graph.jsx b/src/components/Graph.jsx
index 0cd3fa5..d92610c 100644
--- a/src/components/Graph.jsx
+++ b/src/components/Graph.jsx
@@ -200,7 +200,7 @@ class Graph extends Component {
         var plugins = [];
         if (!this.props.cardView) {
             plugins.push(UplotTouchZoomPlugin(this.getXRange()))
-            plugins.push(UplotLegendHider)
+            plugins.push(UplotLegendHider())
         }
         let colorMode = this.props.overrideColorMode ? this.props.overrideColorMode : this.props.colorMode.colorMode;
         let height = this.props.height || 300;
diff --git a/src/components/uplotPlugins/UplotLegendHider.jsx b/src/components/uplotPlugins/UplotLegendHider.jsx
index d55be19..19ac67c 100644
--- a/src/components/uplotPlugins/UplotLegendHider.jsx
+++ b/src/components/uplotPlugins/UplotLegendHider.jsx
@@ -1,16 +1,18 @@
-export default {
-    hooks: {
-        init(u, opts) {
-            const legend = document.getElementsByClassName("u-legend")[0];
-            legend.style.visibility = 'hidden';
-
-            u.over.addEventListener("mouseleave", () => {
+export default function (hideClass = "u-legend") {
+    return {
+        hooks: {
+            init(u, opts) {
+                const legend = document.getElementsByClassName(hideClass)[0];
                 legend.style.visibility = 'hidden';
-            });
 
-            u.over.addEventListener("mousemove", () => {
-                legend.style.visibility = '';
-            });
+                u.over.addEventListener("mouseleave", () => {
+                    legend.style.visibility = 'hidden';
+                });
+
+                u.over.addEventListener("mousemove", () => {
+                    legend.style.visibility = '';
+                });
+            }
         }
     }
 };
\ No newline at end of file