From c89304a6643da3be968affc965caf18cb6f89836 Mon Sep 17 00:00:00 2001
From: Melissa Alvarez <melissa.alvarez@elastic.co>
Date: Mon, 16 Mar 2020 15:49:39 -0400
Subject: [PATCH] do not update cell background if is label cell

---
 .../classification_exploration/column_data.tsx     |  4 +++-
 .../classification_exploration/evaluate_panel.tsx  | 14 ++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/column_data.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/column_data.tsx
index 5a08dd159affb3..baf7fd32b0f606 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/column_data.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/column_data.tsx
@@ -15,6 +15,8 @@ interface ColumnData {
   error_count?: number;
 }
 
+export const ACTUAL_CLASS_ID = 'actual_class';
+
 export function getColumnData(confusionMatrixData: ConfusionMatrix[]) {
   const colData: Partial<ColumnData[]> = [];
 
@@ -67,7 +69,7 @@ export function getColumnData(confusionMatrixData: ConfusionMatrix[]) {
 
   const columns: any = [
     {
-      id: 'actual_class',
+      id: ACTUAL_CLASS_ID,
       display: <span />,
     },
   ];
diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx
index 23dd1ae288d8e2..7bf55f4ecf392a 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx
@@ -39,7 +39,7 @@ import {
   ANALYSIS_CONFIG_TYPE,
 } from '../../../../common/analytics';
 import { LoadingPanel } from '../loading_panel';
-import { getColumnData } from './column_data';
+import { getColumnData, ACTUAL_CLASS_ID } from './column_data';
 
 const defaultPanelWidth = 500;
 
@@ -205,11 +205,13 @@ export const EvaluatePanel: FC<Props> = ({ jobConfig, jobStatus, searchQuery })
     const cellValue = columnsData[rowIndex][columnId];
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useEffect(() => {
-      setCellProps({
-        style: {
-          backgroundColor: `rgba(0, 179, 164, ${cellValue})`,
-        },
-      });
+      if (columnId !== ACTUAL_CLASS_ID) {
+        setCellProps({
+          style: {
+            backgroundColor: `rgba(0, 179, 164, ${cellValue})`,
+          },
+        });
+      }
     }, [rowIndex, columnId, setCellProps]);
     return (
       <span>{typeof cellValue === 'number' ? `${Math.round(cellValue * 100)}%` : cellValue}</span>