From eeff7e488f803eb808a48ecb876a8eda47abf854 Mon Sep 17 00:00:00 2001
From: Janne Savolainen <janne.savolainen@live.fi>
Date: Mon, 10 Jan 2022 14:50:25 +0200
Subject: [PATCH] Fix changing between cluster metrics

Co-authored-by: Mikko Aspiala <mikko.aspiala@gmail.com>

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>
---
 .../components/+cluster/cluster-metric-switchers.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/+cluster/cluster-metric-switchers.tsx b/src/renderer/components/+cluster/cluster-metric-switchers.tsx
index 6581452907..28cbef264a 100644
--- a/src/renderer/components/+cluster/cluster-metric-switchers.tsx
+++ b/src/renderer/components/+cluster/cluster-metric-switchers.tsx
@@ -32,9 +32,9 @@ interface Dependencies {
   clusterOverviewStore: ClusterOverviewStore
 }
 
-const NonInjectedClusterMetricSwitchers = observer(({ clusterOverviewStore: { metricType, metricNodeRole, getMetricsValues, metrics }}: Dependencies) => {
+const NonInjectedClusterMetricSwitchers = observer(({ clusterOverviewStore }: Dependencies) => {
   const { masterNodes, workerNodes } = nodesStore;
-  const metricsValues = getMetricsValues(metrics);
+  const metricsValues = clusterOverviewStore.getMetricsValues(clusterOverviewStore.metrics);
   const disableRoles = !masterNodes.length || !workerNodes.length;
   const disableMetrics = !metricsValues.length;
 
@@ -44,8 +44,8 @@ const NonInjectedClusterMetricSwitchers = observer(({ clusterOverviewStore: { me
         <RadioGroup
           asButtons
           className={cssNames("RadioGroup flex gaps", { disabled: disableRoles })}
-          value={metricNodeRole}
-          onChange={(metric: MetricNodeRole) => metricNodeRole = metric}
+          value={clusterOverviewStore.metricNodeRole}
+          onChange={(metric: MetricNodeRole) => clusterOverviewStore.metricNodeRole = metric}
         >
           <Radio label="Master" value={MetricNodeRole.MASTER}/>
           <Radio label="Worker" value={MetricNodeRole.WORKER}/>
@@ -55,8 +55,8 @@ const NonInjectedClusterMetricSwitchers = observer(({ clusterOverviewStore: { me
         <RadioGroup
           asButtons
           className={cssNames("RadioGroup flex gaps", { disabled: disableMetrics })}
-          value={metricType}
-          onChange={(value: MetricType) => metricType = value}
+          value={clusterOverviewStore.metricType}
+          onChange={(value: MetricType) => clusterOverviewStore.metricType = value}
         >
           <Radio label="CPU" value={MetricType.CPU}/>
           <Radio label="Memory" value={MetricType.MEMORY}/>