fix(extensions): hide extensions alerts while the plugins are still loading (#1206)

Author: debsmita1

workspaces/marketplace/.changeset/chilled-moons-speak.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-marketplace': patch
+---
+
+hide extensions alerts while the plugins are still loading

workspaces/marketplace/plugins/marketplace/src/components/MarketplaceCatalogContent.tsx

@@ -163,32 +163,36 @@ export const MarketplaceCatalogContent = () => {
 
   return (
     <>
-      {isProductionEnvironment && (
-        <Alert severity="info" sx={{ mb: '1rem' }}>
-          <AlertTitle>
-            Plugin installation is disabled in the production environment.
-          </AlertTitle>
-        </Alert>
-      )}
-      {showExtensionsConfigurationAlert && (
+      {!filteredPlugins.isLoading && (
         <>
-          <WarningPanel
-            title="Plugin installation is disabled."
-            defaultExpanded
-            severity="info"
-            message={
-              <>
-                Example how to enable extensions plugin installation
-                <CodeSnippet
-                  language="yaml"
-                  showLineNumbers
-                  highlightedNumbers={generateExtensionsEnableLineNumbers()}
-                  text={EXTENSIONS_CONFIG_YAML}
-                />
-              </>
-            }
-          />
-          <br />
+          {isProductionEnvironment && (
+            <Alert severity="info" sx={{ mb: '1rem' }}>
+              <AlertTitle>
+                Plugin installation is disabled in the production environment.
+              </AlertTitle>
+            </Alert>
+          )}
+          {showExtensionsConfigurationAlert && (
+            <>
+              <WarningPanel
+                title="Plugin installation is disabled."
+                defaultExpanded
+                severity="info"
+                message={
+                  <>
+                    Example how to enable extensions plugin installation
+                    <CodeSnippet
+                      language="yaml"
+                      showLineNumbers
+                      highlightedNumbers={generateExtensionsEnableLineNumbers()}
+                      text={EXTENSIONS_CONFIG_YAML}
+                    />
+                  </>
+                }
+              />
+              <br />
+            </>
+          )}
         </>
       )}
       {installedPluginsCount > 0 && (