Only show placeholder image if offline

This means we won't show it when initially loading the app
microbit-foundation · Apr 26, 2024 · e85920e · e85920e
1 parent 904e486
commit e85920e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/documentation/common/DocumentationContent.tsx b/src/documentation/common/DocumentationContent.tsx
@@ -219,6 +219,7 @@ const serializers = {
             .width(300)
             .fit("max")
             .url()}
+          ignoreFallback={navigator.onLine}
           fallback={<OfflineImageFallback {...imageProps} />}
           alt={props.node.alt}
           {...imageProps}

diff --git a/src/documentation/ideas/IdeaCard.tsx b/src/documentation/ideas/IdeaCard.tsx
@@ -41,6 +41,7 @@ const IdeaCard = ({ name, image, isV2Only, onClick }: IdeaCardProps) => {
     >
       <Image
         src={imageUrlBuilder.image(image.asset).width(550).url()}
+        ignoreFallback={navigator.onLine}
         fallback={<OfflineImageFallback useIcon {...imageProps} />}
         alt=""
         {...imageProps}

diff --git a/src/documentation/ideas/IdeasDocumentation.tsx b/src/documentation/ideas/IdeasDocumentation.tsx
@@ -109,6 +109,7 @@ const ActiveLevel = ({
                   .image(activeIdea.image.asset)
                   .fit("max")
                   .url()}
+                ignoreFallback={navigator.onLine}
                 fallback={<OfflineImageFallback {...imageProps} />}
                 alt=""
                 {...imageProps}