From cf79f4b68a6431ed55f9fae168f5d6346504972c Mon Sep 17 00:00:00 2001
From: Michael Stergianis <mstergianis@vmware.com>
Date: Thu, 10 Nov 2022 17:21:58 -0500
Subject: [PATCH] docs: Replaces use of CatalogResultListItem with correct
 symbol

I copied the docs and noticed that the example didn't compile. According
to the changelog this is the fix

Signed-off-by: Michael Stergianis <mstergianis@vmware.com>
---
 docs/features/search/getting-started.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/features/search/getting-started.md b/docs/features/search/getting-started.md
index 71b9c276d9..726d1557d0 100644
--- a/docs/features/search/getting-started.md
+++ b/docs/features/search/getting-started.md
@@ -68,7 +68,7 @@ export const searchPage = (
                   switch (result.type) {
                     case 'software-catalog':
                       return (
-                        <CatalogResultListItem
+                        <CatalogSearchResultListItem
                           key={result.document.location}
                           result={result.document}
                           highlight={result.highlight}
@@ -253,7 +253,7 @@ const MyCustomFilter = () => {
 
 It's good practice for search results to highlight information that was used to
 return it in the first place! The code below highlights how you might specify a
-custom result item component, using the `<CatalogResultListItem />` component as
+custom result item component, using the `<CatalogSearchResultListItem />` component as
 an example:
 
 ```tsx {7-13}
@@ -265,7 +265,7 @@ an example:
         switch (result.type) {
           case 'software-catalog':
             return (
-              <CatalogResultListItem
+              <CatalogSearchResultListItem
                 key={result.document.location}
                 result={result.document}
                 highlight={result.highlight}