crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 16:07:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add altText fallback

Browse Source
This commit is contained in:
Victor Gerbrands 2023-08-07 13:26:23 +02:00
parent 0746762fe8
commit a6f6bbda86
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/[page]/opengraph-image.tsx
View File

@ -1,5 +1,5 @@
import OpengraphImage from 'components/opengraph-image';
import { getPage } from 'lib/shopify';
import { getPage } from 'lib/medusa';
export const runtime = 'edge';

15
lib/medusa/index.ts
View File

@ -5,7 +5,9 @@ import { calculateVariantAmount, computeAmount, convertToDecimal } from './helpe
import {
Cart,
CartItem,
Image,
MedusaCart,
MedusaImage,
MedusaLineItem,
MedusaProduct,
MedusaProductCollection,
@ -167,6 +169,17 @@ const reshapeLineItem = (lineItem: MedusaLineItem): CartItem => {
};
};
const reshapeImages = (images?: MedusaImage[], productTitle?: string): Image[] => {
if (!images) return [];
return images.map((image) => {
const filename = image.url.match(/.*\/(.*)\..*/)![1];
return {
...image,
altText: `${productTitle} - ${filename}`
};
});
};
const reshapeProduct = (product: MedusaProduct): Product => {
const variant = product.variants?.[0];
@ -192,6 +205,7 @@ const reshapeProduct = (product: MedusaProduct): Product => {
altText: product.title ?? ''
};
const availableForSale = product.variants?.[0]?.purchasable || true;
const images = reshapeImages(product.images, product.title);
const variants = product.variants.map((variant) =>
reshapeProductVariant(variant, product.options)
@ -202,6 +216,7 @@ const reshapeProduct = (product: MedusaProduct): Product => {
return {
...product,
images,
featuredImage,
priceRange,
updatedAt,