saleor: adapt for displaying featured products

framework/saleor/product/get-all-products.ts

@@ -20,10 +20,25 @@ const getAllProducts = async (options: {
   variables?: Variables
   config?: SaleorConfig
   preview?: boolean
+  featured?: boolean
 }): Promise<ReturnType> => {
-  let { config, variables = { first: 100 } } = options ?? {}
+  let { config, variables = { first: 100 }, featured } = options ?? {}
   config = getConfig(config)
 
+  if (featured) {
+    const { data }: GraphQLFetcherResult = await config.fetch(query.CollectionOne, {
+      variables: { ...variables, categoryId: 'Q29sbGVjdGlvbjoxOQ==' },
+    })
+
+    debugger
+
+    const products = data.collection.products?.edges?.map(({ node: p }: ProductCountableEdge) => normalizeProduct(p)) ?? []
+
+    return {
+      products,
+    }
+
+  } else {
     const { data }: GraphQLFetcherResult = await config.fetch(query.ProductMany, {
       variables,
     })
@@ -33,6 +48,7 @@ const getAllProducts = async (options: {
     return {
       products,
     }
+  }
 }
 
 export default getAllProducts

pages/index.tsx

@@ -15,6 +15,7 @@ export async function getStaticProps({
     variables: { first: 12 },
     config,
     preview,
+    featured: true
   })
   const { categories, brands } = await commerce.getSiteInfo({ config, preview })
   const { pages } = await commerce.getAllPages({ config, preview })