From 7393c441487ae06c37ac94d0b80bb39c15e40dd2 Mon Sep 17 00:00:00 2001
From: nikolar <reyna.nikolayev@autodesk.com>
Date: Wed, 1 Nov 2023 08:17:18 -0700
Subject: [PATCH] return loading and error before entities and empty state

Signed-off-by: nikolar <reyna.nikolayev@autodesk.com>
---
 .../src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/plugins/home/src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx b/plugins/home/src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx
index 74cc3934b5..479c2a6292 100644
--- a/plugins/home/src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx
+++ b/plugins/home/src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx
@@ -109,10 +109,15 @@ export const FeaturedDocs = (props: FeaturedDocsProps) => {
     return response.items;
   });
 
+  if (loading) {
+    return <Progress />;
+  }
+  if (error) {
+    return <ErrorPanel error={error} />;
+  }
+
   return (
     <InfoCard variant="gridItem" title={title || 'Featured Docs'}>
-      {loading && <Progress />}
-      {error && <ErrorPanel error={error} />}
       {entities?.length
         ? entities.map(d => (
             <div key={d.metadata.name} data-testid="docs-card-content">