add cart

gatsby-browser.js

@@ -4,7 +4,7 @@ import React from 'react'
 import { SessionProvider, UIProvider, CartProvider } from '@vtex/store-sdk'
 
 import ErrorBoundary from './src/sdk/error/ErrorBoundary'
-import Layout from './src/views/Layout'
+import Layout from './src/sdk/views/Layout'
 import TestProvider from './src/sdk/tests'
 import { validateCart } from './src/sdk/cart/validate'
 import { uiInitialState, uiActions, uiEffects } from './src/sdk/ui'

gatsby-config.js

@@ -18,19 +18,19 @@ const {
 const isProduction = ENV === 'production'
 const siteUrl = isProduction ? URL : DEPLOY_PRIME_URL
 
-// const unique = (x) => Array.from(new Set(x))
+const unique = (x) => Array.from(new Set(x))
 
-// const getSizes = (variants) =>
-//   unique(
-//     Object.values(variants)
-//       .flatMap((variant) =>
-//         variant.breakpoints.map((width) => [
-//           `${width}x${Math.ceil(width / variant.aspectRatio)}`,
-//           `${width}x${Math.floor(width / variant.aspectRatio)}`,
-//         ])
-//       )
-//       .flat()
-//   )
+const getSizes = (variants) =>
+  unique(
+    Object.values(variants)
+      .flatMap((variant) =>
+        variant.breakpoints.map((width) => [
+          `${width}x${Math.ceil(width / variant.aspectRatio)}`,
+          `${width}x${Math.floor(width / variant.aspectRatio)}`,
+        ])
+      )
+      .flat()
+  )
 
 module.exports = {
   siteMetadata: {
@@ -111,10 +111,10 @@ module.exports = {
           isCI && !isNetlify
             ? 'http://thumbor.vtex.internal'
             : 'http://thumbor.thumborize.me',
-        // ...((isProduction || isNetlify) && {
-        //   basePath: '/assets',
-        //   sizes: getSizes(images),
-        // }),
+        ...((isProduction || isNetlify) && {
+          basePath: '/assets',
+          sizes: getSizes(images),
+        }),
       },
     },
     {