0 ? '' : 'wz-no-display'
- }`}
+ className={`mitre-dashboard-responsive ${
+ dataSource && results?.hits?.total > 0 ? '' : 'wz-no-display'
+ }`}
>
diff --git a/plugins/main/public/components/overview/nist/dashboards/dashboard.tsx b/plugins/main/public/components/overview/nist/dashboards/dashboard.tsx
index 6b9e7da7a8..6f023c5186 100644
--- a/plugins/main/public/components/overview/nist/dashboards/dashboard.tsx
+++ b/plugins/main/public/components/overview/nist/dashboards/dashboard.tsx
@@ -84,7 +84,7 @@ const DashboardNIST80053Component: React.FC = () => {
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching alerts',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
@@ -102,15 +102,15 @@ const DashboardNIST80053Component: React.FC = () => {
{isDataSourceLoading && !dataSource ? (
) : (
-
- )}
+
+ )}
{dataSource && results?.hits?.total === 0 ? (
) : null}
diff --git a/plugins/main/public/components/overview/office/dashboard/dashboard.tsx b/plugins/main/public/components/overview/office/dashboard/dashboard.tsx
index 60e7860dae..9bc072c977 100644
--- a/plugins/main/public/components/overview/office/dashboard/dashboard.tsx
+++ b/plugins/main/public/components/overview/office/dashboard/dashboard.tsx
@@ -83,7 +83,7 @@ const DashboardOffice365Component: React.FC = () => {
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching vulnerabilities',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
@@ -101,23 +101,24 @@ const DashboardOffice365Component: React.FC = () => {
{isDataSourceLoading && !dataSource ? (
) : (
-
- )}
+
+ )}
{dataSource && results?.hits?.total === 0 ? (
) : null}
0 ? '' : 'wz-no-display'
- }`}
+ className={`office-365-dashboard-responsive ${
+ dataSource && results?.hits?.total > 0 ? '' : 'wz-no-display'
+ }`}
>
{
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching alerts',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
@@ -103,15 +103,15 @@ const DashboardPCIDSSComponent: React.FC = () => {
{isDataSourceLoading && !dataSource ? (
) : (
-
- )}
+
+ )}
{dataSource && results?.hits?.total === 0 ? (
) : null}
diff --git a/plugins/main/public/components/overview/server-management-statistics/dashboards/dashboardTabsPanels.tsx b/plugins/main/public/components/overview/server-management-statistics/dashboards/dashboardTabsPanels.tsx
index 4624d2a6e4..5077d7747c 100644
--- a/plugins/main/public/components/overview/server-management-statistics/dashboards/dashboardTabsPanels.tsx
+++ b/plugins/main/public/components/overview/server-management-statistics/dashboards/dashboardTabsPanels.tsx
@@ -97,7 +97,7 @@ export const DashboardTabsPanels = ({
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching statistics',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
diff --git a/plugins/main/public/components/overview/threat-hunting/dashboard/dashboard.tsx b/plugins/main/public/components/overview/threat-hunting/dashboard/dashboard.tsx
index 136efb1062..2e31c0fc10 100644
--- a/plugins/main/public/components/overview/threat-hunting/dashboard/dashboard.tsx
+++ b/plugins/main/public/components/overview/threat-hunting/dashboard/dashboard.tsx
@@ -169,7 +169,7 @@ const DashboardTH: React.FC = () => {
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching threat hunting',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
@@ -228,10 +228,11 @@ const DashboardTH: React.FC = () => {
) : null}
0
- ? ''
- : 'wz-no-display'
- }`}
+ className={`th-container ${
+ !isDataSourceLoading && dataSource && results?.hits?.total > 0
+ ? ''
+ : 'wz-no-display'
+ }`}
>
@@ -292,20 +293,20 @@ const DashboardTH: React.FC = () => {
{ }}
+ onResetQuery={() => {}}
tooltip={
results?.hits?.total &&
- results?.hits?.total > MAX_ENTRIES_PER_QUERY
+ results?.hits?.total > MAX_ENTRIES_PER_QUERY
? {
- ariaLabel: 'Warning',
- content: `The query results has exceeded the limit of ${formatNumWithCommas(
- MAX_ENTRIES_PER_QUERY,
- )} hits. To provide a better experience the table only shows the first ${formatNumWithCommas(
- MAX_ENTRIES_PER_QUERY,
- )} hits.`,
- iconType: 'alert',
- position: 'top',
- }
+ ariaLabel: 'Warning',
+ content: `The query results has exceeded the limit of ${formatNumWithCommas(
+ MAX_ENTRIES_PER_QUERY,
+ )} hits. To provide a better experience the table only shows the first ${formatNumWithCommas(
+ MAX_ENTRIES_PER_QUERY,
+ )} hits.`,
+ iconType: 'alert',
+ position: 'top',
+ }
: undefined
}
/>
diff --git a/plugins/main/public/components/overview/tsc/dashboards/dashboard.tsx b/plugins/main/public/components/overview/tsc/dashboards/dashboard.tsx
index 95b8f6ad6a..80066a138e 100644
--- a/plugins/main/public/components/overview/tsc/dashboards/dashboard.tsx
+++ b/plugins/main/public/components/overview/tsc/dashboards/dashboard.tsx
@@ -84,7 +84,7 @@ const DashboardTSCComponent: React.FC = () => {
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching alerts',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
@@ -102,15 +102,15 @@ const DashboardTSCComponent: React.FC = () => {
{isDataSourceLoading && !dataSource ? (
) : (
-
- )}
+
+ )}
{dataSource && results?.hits?.total === 0 ? (
) : null}
diff --git a/plugins/main/public/components/overview/virustotal/dashboard/dashboard.tsx b/plugins/main/public/components/overview/virustotal/dashboard/dashboard.tsx
index fbce45b29f..30b1f7455c 100644
--- a/plugins/main/public/components/overview/virustotal/dashboard/dashboard.tsx
+++ b/plugins/main/public/components/overview/virustotal/dashboard/dashboard.tsx
@@ -84,7 +84,7 @@ const DashboardVT: React.FC = () => {
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching alerts',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
@@ -102,16 +102,16 @@ const DashboardVT: React.FC = () => {
{isDataSourceLoading && !dataSource ? (
) : (
-
- )}
+
+ )}
{!isDataSourceLoading && dataSource && results?.hits?.total > 0 ? (
) : null}
@@ -119,10 +119,11 @@ const DashboardVT: React.FC = () => {
) : null}
0
- ? ''
- : 'wz-no-display'
- }`}
+ className={`virustotal-dashboard-responsive ${
+ !isDataSourceLoading && dataSource && results?.hits?.total > 0
+ ? ''
+ : 'wz-no-display'
+ }`}
>
{
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching vulnerabilities',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
@@ -214,17 +214,17 @@ const InventoryVulsComponent = () => {
showResetButton={false}
tooltip={
results?.hits?.total &&
- results?.hits?.total > MAX_ENTRIES_PER_QUERY
+ results?.hits?.total > MAX_ENTRIES_PER_QUERY
? {
- ariaLabel: 'Warning',
- content: `The query results has exceeded the limit of ${formatNumWithCommas(
- MAX_ENTRIES_PER_QUERY,
- )} hits. To provide a better experience the table only shows the first ${formatNumWithCommas(
- MAX_ENTRIES_PER_QUERY,
- )} hits.`,
- iconType: 'alert',
- position: 'top',
- }
+ ariaLabel: 'Warning',
+ content: `The query results has exceeded the limit of ${formatNumWithCommas(
+ MAX_ENTRIES_PER_QUERY,
+ )} hits. To provide a better experience the table only shows the first ${formatNumWithCommas(
+ MAX_ENTRIES_PER_QUERY,
+ )} hits.`,
+ iconType: 'alert',
+ position: 'top',
+ }
: undefined
}
/>
diff --git a/plugins/main/public/components/overview/vulnerabilities/dashboards/overview/dashboard.tsx b/plugins/main/public/components/overview/vulnerabilities/dashboards/overview/dashboard.tsx
index f173e127e9..74ec75a6c2 100644
--- a/plugins/main/public/components/overview/vulnerabilities/dashboards/overview/dashboard.tsx
+++ b/plugins/main/public/components/overview/vulnerabilities/dashboards/overview/dashboard.tsx
@@ -77,7 +77,7 @@ const DashboardVulsComponent: React.FC = ({
.catch(error => {
const searchError = ErrorFactory.create(HttpError, {
error,
- message: 'Error fetching vulnerabilities',
+ message: 'Error fetching data',
});
ErrorHandler.handleError(searchError);
});
@@ -91,22 +91,23 @@ const DashboardVulsComponent: React.FC = ({
{isDataSourceLoading && !dataSource ? (
) : (
-
- )}
+
+ )}
{dataSource && results?.hits?.total === 0 ? (
) : null}
0 ? '' : 'wz-no-display'
- }`}
+ className={`vulnerability-dashboard-responsive ${
+ dataSource && results?.hits?.total > 0 ? '' : 'wz-no-display'
+ }`}
>