diff --git a/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx b/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx index 20d4ffefcdbc8a..3262b5fd3e7681 100644 --- a/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx +++ b/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import React, { FC, useCallback, useMemo, useState } from 'react'; +import React, { FC, useCallback, useEffect, useMemo, useState } from 'react'; import { orderBy } from 'lodash'; import type * as estypes from '@elastic/elasticsearch/lib/api/typesWithBodyKey'; @@ -336,6 +336,16 @@ export const LogRateAnalysisResultsTable: FC = }; }, [pageIndex, pageSize, sortField, sortDirection, significantTerms]); + useEffect(() => { + if ( + selectedSignificantTerm === null && + pinnedSignificantTerm === null && + pageOfItems.length > 0 + ) { + setSelectedSignificantTerm(pageOfItems[0]); + } + }, [selectedSignificantTerm, setSelectedSignificantTerm, pageOfItems, pinnedSignificantTerm]); + const getRowStyle = (significantTerm: SignificantTerm) => { if ( pinnedSignificantTerm && @@ -393,7 +403,9 @@ export const LogRateAnalysisResultsTable: FC = } }, onMouseEnter: () => { - setSelectedSignificantTerm(significantTerm); + if (pinnedSignificantTerm === null) { + setSelectedSignificantTerm(significantTerm); + } }, onMouseLeave: () => { setSelectedSignificantTerm(null); diff --git a/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx b/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx index 0ab75f9902845b..a14d9b52a15939 100644 --- a/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx +++ b/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import React, { FC, useCallback, useMemo, useState } from 'react'; +import React, { FC, useCallback, useEffect, useMemo, useState } from 'react'; import { orderBy } from 'lodash'; import { @@ -423,6 +423,12 @@ export const LogRateAnalysisResultsGroupsTable: FC { + if (selectedGroup === null && pinnedGroup === null && pageOfItems.length > 0) { + setSelectedGroup(pageOfItems[0]); + } + }, [selectedGroup, setSelectedGroup, pageOfItems, pinnedGroup]); + const getRowStyle = (group: GroupTableItem) => { if (pinnedGroup && pinnedGroup.id === group.id) { return { @@ -464,7 +470,9 @@ export const LogRateAnalysisResultsGroupsTable: FC { - setSelectedGroup(group); + if (pinnedGroup === null) { + setSelectedGroup(group); + } }, onMouseLeave: () => { setSelectedGroup(null);