github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

Add panel loader to entity analytics risk panels (#142122)

Browse source
This commit is contained in:
Pablo Machado 2022-09-29 11:47:18 +02:00 • committed by GitHub
parent d915169c50
commit 4700107d79
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
x-pack/plugins/security_solution/public/overview/components/entity_analytics/host_risk_score/index.tsx
View file

@ -5,7 +5,7 @@
* 2.0.
*/
import React, { useEffect, useMemo, useState } from 'react';
import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiPanel } from '@elastic/eui';
import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { useDispatch } from 'react-redux';
import { RiskScoresDeprecated } from '../../../../common/components/risk_score/risk_score_deprecated';
@ -35,6 +35,8 @@ import { EntityAnalyticsHostRiskScoreDisable } from '../../../../common/componen
import { RiskScoreHeaderTitle } from '../../../../common/components/risk_score/risk_score_onboarding/risk_score_header_title';
import { RiskScoresNoDataDetected } from '../../../../common/components/risk_score/risk_score_onboarding/risk_score_no_data_detected';
import { useRefetchQueries } from '../../../../common/hooks/use_refetch_queries';
import { Loader } from '../../../../common/components/loader';
import { Panel } from '../../../../common/components/panel';
const TABLE_QUERY_ID = 'hostRiskDashboardTable';
const HOST_RISK_KPI_QUERY_ID = 'headerHostRiskScoreKpiQuery';
@ -149,7 +151,7 @@ const EntityAnalyticsHostRiskScoresComponent = () => {
return (
<InspectButtonContainer>
<EuiPanel hasBorder data-test-subj="entity_analytics_hosts">
<Panel hasBorder data-test-subj="entity_analytics_hosts">
<HeaderSection
title={<RiskScoreHeaderTitle riskScoreEntity={RiskScoreEntity.host} />}
titleSize="s"
@ -207,7 +209,10 @@ const EntityAnalyticsHostRiskScoresComponent = () => {
</EuiFlexItem>
</EuiFlexGroup>
)}
</EuiPanel>
{(isTableLoading || isKpiLoading) && (
<Loader data-test-subj="loadingPanelRiskScore" overlay size="xl" />
)}
</Panel>
</InspectButtonContainer>
);
};

11
x-pack/plugins/security_solution/public/overview/components/entity_analytics/user_risk_score/index.tsx
View file

@ -5,7 +5,7 @@
* 2.0.
*/
import React, { useEffect, useMemo, useState } from 'react';
import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiPanel } from '@elastic/eui';
import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { useDispatch } from 'react-redux';
import { RiskScoresDeprecated } from '../../../../common/components/risk_score/risk_score_deprecated';
import { SeverityFilterGroup } from '../../../../common/components/severity/severity_filter_group';
@ -35,6 +35,8 @@ import { EntityAnalyticsUserRiskScoreDisable } from '../../../../common/componen
import { RiskScoreHeaderTitle } from '../../../../common/components/risk_score/risk_score_onboarding/risk_score_header_title';
import { RiskScoresNoDataDetected } from '../../../../common/components/risk_score/risk_score_onboarding/risk_score_no_data_detected';
import { useRefetchQueries } from '../../../../common/hooks/use_refetch_queries';
import { Loader } from '../../../../common/components/loader';
import { Panel } from '../../../../common/components/panel';
const TABLE_QUERY_ID = 'userRiskDashboardTable';
const USER_RISK_KPI_QUERY_ID = 'headerUserRiskScoreKpiQuery';
@ -149,7 +151,7 @@ const EntityAnalyticsUserRiskScoresComponent = () => {
return (
<InspectButtonContainer>
<EuiPanel hasBorder data-test-subj="entity_analytics_users">
<Panel hasBorder data-test-subj="entity_analytics_users">
<HeaderSection
title={<RiskScoreHeaderTitle riskScoreEntity={RiskScoreEntity.user} />}
titleSize="s"
@ -207,7 +209,10 @@ const EntityAnalyticsUserRiskScoresComponent = () => {
</EuiFlexItem>
</EuiFlexGroup>
)}
</EuiPanel>
{(isTableLoading || isKpiLoading) && (
<Loader data-test-subj="loadingPanelRiskScore" overlay size="xl" />
)}
</Panel>
</InspectButtonContainer>
);
};