fix: always produce image sizes attribute when PhotoAlbum sizes i…

…s present
igordanchenko · Apr 11, 2023 · ed6fd6f · ed6fd6f
1 parent f196c6c
commit ed6fd6f
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/components/renderers/PhotoRenderer.tsx b/src/components/renderers/PhotoRenderer.tsx
@@ -40,15 +40,16 @@ function srcSetAndSizes<T extends Photo = Photo>(photo: T, layout: PhotoLayout,
  .sort((first, second) => first.width - second.width)
  .map((image) => `${image.src} ${image.width}w`)
  .join(", ");
+ }
 
-  if (layoutOptions.sizes) {
-  sizes = (layoutOptions.sizes.sizes || [])
-  .map(({ viewport, size }) => `${viewport} ${calculateSizesValue(size, layout, layoutOptions)}`)
-  .concat(calculateSizesValue(layoutOptions.sizes.size, layout, layoutOptions))
-  .join(", ");
- } else {
-  sizes = `${Math.ceil((layout.width / layoutOptions.containerWidth) * 100)}vw`;
- }
+ // always produce image `sizes` attribute when PhotoAlbum `sizes` is present (use case: NextJS image)
+ if (layoutOptions.sizes) {
+ sizes = (layoutOptions.sizes.sizes || [])
+ .map(({ viewport, size }) => `${viewport} ${calculateSizesValue(size, layout, layoutOptions)}`)
+ .concat(calculateSizesValue(layoutOptions.sizes.size, layout, layoutOptions))
+  .join(", ");
+ } else if (srcSet) {
+ sizes = `${Math.ceil((layout.width / layoutOptions.containerWidth) * 100)}vw`;
  }
 
  return { srcSet, sizes };