Skip to content

chore(storefront): Fix smaller MDX styling issues #712

chore(storefront): Fix smaller MDX styling issues

chore(storefront): Fix smaller MDX styling issues #712

Triggered via pull request May 2, 2024 09:26
Status Success
Total duration 3m 3s
Artifacts

check-storefront.yml

on: pull_request
Builds, lints and tests code
2m 55s
Builds, lints and tests code
Fit to window
Zoom out
Zoom in

Annotations

10 warnings
Builds, lints and tests code: apps/storefront/components/Blog/Card/BlogCard.tsx#L42
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/Blog/Contributors/Contributors.tsx#L14
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/ComponentCard/ComponentCard.tsx#L17
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/Image/Image.tsx#L17
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/ImageBanner/ImageBanner.tsx#L83
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/ImageBanner/ImageBanner.tsx#L90
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/ImageBanner/ImageBanner.tsx#L145
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/ImageBanner/ImageBanner.tsx#L152
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/Section/Section.tsx#L37
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
Builds, lints and tests code: apps/storefront/components/Tokens/TokenList/TokenList.tsx#L193
Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element