[Inventory] Add Technical preview icon and link to docs (#196353)

## Summary closes #196264 https://github.com/user-attachments/assets/a8fdf896-5d55-4060-a274-d2a4188c62b2
elastic · Oct 16, 2024 · 4ac575b · 4ac575b
1 parent 501874f
commit 4ac575b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/...ity_solution/inventory/public/components/entity_enablement/enable_entity_model_button.tsx b/...ity_solution/inventory/public/components/entity_enablement/enable_entity_model_button.tsx
@@ -10,6 +10,7 @@ import { i18n } from '@kbn/i18n';
 import React, { useState } from 'react';
 import { EntityManagerUnauthorizedError } from '@kbn/entityManager-plugin/public';
 import type { IHttpFetchError, ResponseErrorBody } from '@kbn/core/public';
+import { TechnicalPreviewBadge } from '@kbn/observability-shared-plugin/public';
 import { useKibana } from '../../hooks/use_kibana';
 import { Unauthorized } from './unauthorized_modal';
 
@@ -57,6 +58,8 @@ export function EnableEntityModelButton({ onSuccess }: { onSuccess: () => void }
         data-test-subj="inventoryInventoryPageTemplateFilledButton"
         fill
         onClick={handleEnablement}
+        iconType={() => <TechnicalPreviewBadge />}
+        iconSide="right"
       >
         {i18n.translate('xpack.inventory.noData.card.button', {
           defaultMessage: 'Enable',

diff --git a/...rvability_solution/inventory/public/components/inventory_page_template/no_data_config.tsx b/...rvability_solution/inventory/public/components/inventory_page_template/no_data_config.tsx
@@ -33,8 +33,20 @@ export function getEntityManagerEnablement({
         description: (
           <FormattedMessage
             id="xpack.inventory.noData.card.description"
-            defaultMessage="The inventory uses the {link} to show all of your observed entities in one place."
+            defaultMessage="The {inventoryLink} uses the {link} to show all of your observed entities in one place."
             values={{
+              inventoryLink: (
+                <EuiLink
+                  data-test-subj="inventoryNoDataCardInventoryLink"
+                  href="https://ela.st/docs-entity-inventory"
+                  external
+                  target="_blank"
+                >
+                  {i18n.translate('xpack.inventory.noData.card.description.inventory', {
+                    defaultMessage: 'Inventory',
+                  })}
+                </EuiLink>
+              ),
               link: (
                 <EuiLink
                   data-test-subj="inventoryNoDataCardLink"