chore(storefront): Fix smaller MDX styling issues #712
check-storefront.yml
on: pull_request
Builds, lints and tests code
2m 55s
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
|