saleor: integrate collections

framework/saleor/product/use-search.tsx

@@ -45,7 +45,7 @@ export const handler: SWRHook<
     let edges
 
     if (categoryId) {
-      edges = data.node?.products?.edges ?? []
+      edges = data.collection?.products?.edges ?? []
       // FIXME @zaiste, no `vendor` in Saleor
       // if (brandId) {
       //   edges = edges.filter(

framework/saleor/utils/get-categories.ts

@@ -1,5 +1,5 @@
 import { SaleorConfig } from '../api'
-import { Collection, CollectionCountableEdge } from '../schema'
+import { CollectionCountableEdge } from '../schema'
 import { getSiteCollectionsQuery } from './queries/'
 
 export type Category = {

framework/saleor/utils/queries/get-collection-products-query.ts

@@ -3,21 +3,15 @@ import { productConnection } from './get-all-products-query'
 export const getCollectionProductsQuery = /* GraphQL */ `
   query getProductsFromCollection(
     $categoryId: ID!
-    $first: Int = 250
-    $sortKey: ProductCollectionSortKeys = RELEVANCE
-    $reverse: Boolean = false
+    $first: Int = 100
+    $channel: String = "default-channel"
   ) {
-    node(id: $categoryId) {
+    collection(id: $categoryId, channel: $channel) {
       id
-      ... on Collection {
-        products(
-          first: $first
-          sortKey: $sortKey
-          reverse: $reverse
-        ) {
-          ${productConnection}
-        }
+      products(first: $first) {
+        ...productConnection
       }
     }
   }
+  ${productConnection}
 `