diff --git a/frontend/src/container/CloudIntegrationPage/CloudIntegrationPage.tsx b/frontend/src/container/CloudIntegrationPage/CloudIntegrationPage.tsx
index 488202feaa88..44b35908c6d1 100644
--- a/frontend/src/container/CloudIntegrationPage/CloudIntegrationPage.tsx
+++ b/frontend/src/container/CloudIntegrationPage/CloudIntegrationPage.tsx
@@ -14,7 +14,7 @@ function CloudIntegrationPage(): JSX.Element {
diff --git a/frontend/src/container/CloudIntegrationPage/ServicesSection/CloudServiceDataCollected.tsx b/frontend/src/container/CloudIntegrationPage/ServicesSection/CloudServiceDataCollected.tsx
index b34625559ba2..a7eae903e925 100644
--- a/frontend/src/container/CloudIntegrationPage/ServicesSection/CloudServiceDataCollected.tsx
+++ b/frontend/src/container/CloudIntegrationPage/ServicesSection/CloudServiceDataCollected.tsx
@@ -60,26 +60,30 @@ function CloudServiceDataCollected({
return (
-
-
+ {logsData && logsData.length > 0 && (
+
+ )}
+ {metricsData && metricsData.length > 0 && (
+
+ )}
);
}
diff --git a/frontend/src/container/CloudIntegrationPage/ServicesSection/ServiceDetails.tsx b/frontend/src/container/CloudIntegrationPage/ServicesSection/ServiceDetails.tsx
index 56b9edc90495..12fcc819fc7a 100644
--- a/frontend/src/container/CloudIntegrationPage/ServicesSection/ServiceDetails.tsx
+++ b/frontend/src/container/CloudIntegrationPage/ServicesSection/ServiceDetails.tsx
@@ -51,6 +51,33 @@ function ServiceStatus({
return {text}
;
}
+function getTabItems(serviceDetailsData: any): TabsProps['items'] {
+ const dashboards = serviceDetailsData?.assets.dashboards || [];
+ const dataCollected = serviceDetailsData?.data_collected || {};
+ const items: TabsProps['items'] = [];
+
+ if (dashboards.length) {
+ items.push({
+ key: 'dashboards',
+ label: `Dashboards (${dashboards.length})`,
+ children: ,
+ });
+ }
+
+ items.push({
+ key: 'data-collected',
+ label: 'Data Collected',
+ children: (
+
+ ),
+ });
+
+ return items;
+}
+
function ServiceDetails(): JSX.Element | null {
const urlQuery = useUrlQuery();
const cloudAccountId = urlQuery.get('cloudAccountId');
@@ -106,23 +133,7 @@ function ServiceDetails(): JSX.Element | null {
return null;
}
- const tabItems: TabsProps['items'] = [
- {
- key: 'dashboards',
- label: `Dashboards (${serviceDetailsData?.assets.dashboards.length})`,
- children: ,
- },
- {
- key: 'data-collected',
- label: 'Data Collected',
- children: (
-
- ),
- },
- ];
+ const tabItems = getTabItems(serviceDetailsData);
return (
diff --git a/frontend/src/container/CloudIntegrationPage/__tests__/RequestIntegration.test.tsx b/frontend/src/container/CloudIntegrationPage/__tests__/RequestIntegration.test.tsx
index 9872f431015e..ff34af3f8f36 100644
--- a/frontend/src/container/CloudIntegrationPage/__tests__/RequestIntegration.test.tsx
+++ b/frontend/src/container/CloudIntegrationPage/__tests__/RequestIntegration.test.tsx
@@ -34,7 +34,7 @@ describe('Request AWS integration', () => {
expect(
screen.getByText(
- /cannot find what you’re looking for\? request more integrations/i,
+ /can't find what you’re looking for\? request more integrations/i,
),
).toBeInTheDocument();
diff --git a/frontend/src/container/ListOfDashboard/RequestDashboardBtn.tsx b/frontend/src/container/ListOfDashboard/RequestDashboardBtn.tsx
index a2e09463ac09..756dc953e3cb 100644
--- a/frontend/src/container/ListOfDashboard/RequestDashboardBtn.tsx
+++ b/frontend/src/container/ListOfDashboard/RequestDashboardBtn.tsx
@@ -58,7 +58,14 @@ export function RequestDashboardBtn(): JSX.Element {
return (
- Can't find the dashboard you need? Request a new Dashboard.
+
+ Browse dashboard templates
+ {' '}
+ or Request new template →
diff --git a/frontend/src/pages/Integrations/RequestIntegrationBtn.tsx b/frontend/src/pages/Integrations/RequestIntegrationBtn.tsx
index 8fdea40413bd..1c32df3765ae 100644
--- a/frontend/src/pages/Integrations/RequestIntegrationBtn.tsx
+++ b/frontend/src/pages/Integrations/RequestIntegrationBtn.tsx
@@ -116,5 +116,5 @@ export function RequestIntegrationBtn({
RequestIntegrationBtn.defaultProps = {
type: IntegrationType.INTEGRATIONS_LIST,
- message: 'Cannot find what you’re looking for? Request more integrations',
+ message: "Can't find what you’re looking for? Request more integrations",
};