mirror of
https://github.com/vercel/commerce.git
synced 2025-06-17 20:51:21 +00:00
22 lines
677 B
TypeScript
22 lines
677 B
TypeScript
// Based on https://github.com/spark-solutions/spree2vuestorefront/blob/d88d85ae1bcd2ec99b13b81cd2e3c25600a0216e/src/utils/index.ts
|
|
|
|
import type { ProductImage } from '@commerce/types/product';
|
|
import type { SpreeProductImage } from '../types';
|
|
|
|
const getMediaGallery = (
|
|
images: SpreeProductImage[],
|
|
getImageUrl: (image: SpreeProductImage, minWidth: number, minHeight: number) => string | null
|
|
) => {
|
|
return images.reduce<ProductImage[]>((productImages, _, imageIndex) => {
|
|
const url = getImageUrl(images[imageIndex], 800, 800);
|
|
|
|
if (url) {
|
|
return [...productImages, { url }];
|
|
}
|
|
|
|
return productImages;
|
|
}, []);
|
|
};
|
|
|
|
export default getMediaGallery;
|