From faa083604f0946526a6238c60d97fc4b5ce43903 Mon Sep 17 00:00:00 2001
From: Mykola Harmash <mykola.harmash@elastic.co>
Date: Thu, 6 Mar 2025 16:48:12 +0100
Subject: [PATCH] [Onboarding] Hide card labels in search results

---
 .../onboarding_flow_form/onboarding_flow_form.tsx            | 2 +-
 .../public/application/package_list/package_list.tsx         | 5 +++--
 .../package_list_search_form/package_list_search_form.tsx    | 4 +++-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/x-pack/solutions/observability/plugins/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx b/x-pack/solutions/observability/plugins/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx
index e2308f91235c0..6a924788bc1dd 100644
--- a/x-pack/solutions/observability/plugins/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx
+++ b/x-pack/solutions/observability/plugins/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx
@@ -325,7 +325,7 @@ export const OnboardingFlowForm: FunctionComponent = () => {
             </strong>
           </EuiTitle>
           <EuiSpacer size="m" />
-          <PackageList list={featuredCardsForCategory} />
+          <PackageList list={featuredCardsForCategory} showCardLabels={true} />
         </div>
       </div>
 
diff --git a/x-pack/solutions/observability/plugins/observability_onboarding/public/application/package_list/package_list.tsx b/x-pack/solutions/observability/plugins/observability_onboarding/public/application/package_list/package_list.tsx
index 333fbe4331c4d..a9dc2438aa0aa 100644
--- a/x-pack/solutions/observability/plugins/observability_onboarding/public/application/package_list/package_list.tsx
+++ b/x-pack/solutions/observability/plugins/observability_onboarding/public/application/package_list/package_list.tsx
@@ -17,9 +17,10 @@ export const LazyPackageList = lazy(async () => ({
 interface Props {
   list: IntegrationCardItem[];
   searchTerm?: string;
+  showCardLabels?: boolean;
 }
 
-export function PackageList({ list, searchTerm = '' }: Props) {
+export function PackageList({ list, searchTerm = '', showCardLabels }: Props) {
   return (
     /**
      * Suspense wrapper is required by PackageListGrid, but
@@ -40,7 +41,7 @@ export function PackageList({ list, searchTerm = '' }: Props) {
         categories={[]}
         setUrlandReplaceHistory={() => {}}
         setUrlandPushHistory={() => {}}
-        showCardLabels={true}
+        showCardLabels={showCardLabels}
       />
     </Suspense>
   );
diff --git a/x-pack/solutions/observability/plugins/observability_onboarding/public/application/package_list_search_form/package_list_search_form.tsx b/x-pack/solutions/observability/plugins/observability_onboarding/public/application/package_list_search_form/package_list_search_form.tsx
index 61f7aa69920c5..e64d2431909ea 100644
--- a/x-pack/solutions/observability/plugins/observability_onboarding/public/application/package_list_search_form/package_list_search_form.tsx
+++ b/x-pack/solutions/observability/plugins/observability_onboarding/public/application/package_list_search_form/package_list_search_form.tsx
@@ -77,7 +77,9 @@ const PackageListGridWrapper = ({
         }}
         query={searchQuery}
       />
-      {searchQuery !== '' && <PackageList list={list} searchTerm={searchQuery} />}
+      {searchQuery !== '' && (
+        <PackageList list={list} searchTerm={searchQuery} showCardLabels={false} />
+      )}
     </div>
   );
 };