From 7dcbc669b7b9e62c9647f718e5078dd0d7adab74 Mon Sep 17 00:00:00 2001
From: nikolar <reyna.nikolayev@autodesk.com>
Date: Mon, 13 Jan 2025 11:25:11 -0800
Subject: [PATCH] clarify howtoguide

Signed-off-by: nikolar <reyna.nikolayev@autodesk.com>
---
 docs/features/techdocs/how-to-guides.md | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/features/techdocs/how-to-guides.md b/docs/features/techdocs/how-to-guides.md
index 5a9b8ba140..5a9044842f 100644
--- a/docs/features/techdocs/how-to-guides.md
+++ b/docs/features/techdocs/how-to-guides.md
@@ -179,7 +179,12 @@ const techDocsTabsConfig = [
     ],
   },
 ];
-
+const docsFilter = {
+  kind: ['Location', 'Resource', 'Component'],
+  'metadata.annotations.featured-docs': CATALOG_FILTER_EXISTS,
+}
+const customPageWrapper = ({ children }: React.PropsWithChildren<{}>) =>
+  (<PageWithHeader title="Docs" themeId="documentation">{children}</PageWithHeader>)
 const AppRoutes = () => {
   <FlatRoutes>
     <Route
@@ -187,11 +192,8 @@ const AppRoutes = () => {
       element={
         <TechDocsCustomHome
           tabsConfig={techDocsTabsConfig}
-          filter={{
-            kind: ['Location', 'Resource', 'Component'],
-            'metadata.annotations.featured-docs': CATALOG_FILTER_EXISTS,
-          }}
-          CustomPageWrapper={({ children }: React.PropsWithChildren<{}>) => (<PageWithHeader title="Docs" themeId="documentation">{children}</PageWithHeader>)}
+          filter={docsFilter}
+          CustomPageWrapper={customPageWrapper}
         />
       }
     />