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

Fix marketplace banner
blockscout · Apr 16, 2024 · a4156eb · a4156eb
2 parents ba3b101 + 3a883b5
commit a4156eb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/ui/marketplace/Banner.tsx b/ui/marketplace/Banner.tsx
@@ -12,15 +12,15 @@ 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;
   onFavoriteClick: (id: string, isFavorite: boolean, source: 'Banner') => void;
   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;
   }

diff --git a/ui/marketplace/useMarketplace.tsx b/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,

diff --git a/ui/pages/Marketplace.tsx b/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 }