Merge pull request #1825 from blockscout/fix-marketplace-banner

Fix marketplace banner

ui/marketplace/Banner.tsx

@@ -12,7 +12,7 @@ import IframeBanner from './Banner/IframeBanner';
 const feature = config.features.marketplace;
 
 type BannerProps = {
-  apps: Array<MarketplaceAppPreview>;
+  apps: Array<MarketplaceAppPreview> | undefined;
   favoriteApps: Array<string>;
   isLoading: boolean;
   onInfoClick: (id: string) => void;
@@ -20,7 +20,7 @@ type BannerProps = {
   onAppClick: (event: MouseEvent, id: string) => void;
 }
 
-const Banner = ({ apps, favoriteApps, isLoading, onInfoClick, onFavoriteClick, onAppClick }: BannerProps) => {
+const Banner = ({ apps = [], favoriteApps, isLoading, onInfoClick, onFavoriteClick, onAppClick }: BannerProps) => {
   if (!feature.isEnabled) {
     return null;
   }

ui/marketplace/useMarketplace.tsx

@@ -146,6 +146,7 @@ export default function useMarketplace() {
     isError,
     error,
     categories,
+    apps: data,
     displayedApps,
     showAppInfo,
     selectedAppId,
@@ -167,6 +168,7 @@ export default function useMarketplace() {
     categories,
     clearSelectedAppId,
     selectedAppId,
+    data,
     displayedApps,
     error,
     favoriteApps,
@@ -179,7 +181,6 @@ export default function useMarketplace() {
     isAppInfoModalOpen,
     isDisclaimerModalOpen,
     showDisclaimer,
-    data?.length,
     isCategoriesPlaceholderData,
     showContractList,
     contractListModalType,

ui/pages/Marketplace.tsx

@@ -56,6 +56,7 @@ const Marketplace = () => {
     filterQuery,
     onSearchInputChange,
     showAppInfo,
+    apps,
     displayedApps,
     selectedAppId,
     clearSelectedAppId,
@@ -170,7 +171,7 @@ const Marketplace = () => {
       />
 
       <Banner
-        apps={ displayedApps }
+        apps={ apps }
         favoriteApps={ favoriteApps }
         isLoading={ isPlaceholderData }
         onInfoClick={ showAppInfo }