Add channel parameter to the collection queries (#952)

src/views/Collection/View.tsx

@@ -6,6 +6,7 @@ import { prodListHeaderCommonMsg } from "@temp/intl";
 import { IFilters } from "@types";
 import { StringParam, useQueryParam } from "use-query-params";
 import { Loader, OfflinePlaceholder } from "@components/atoms";
+import { channelSlug } from "@temp/constants";
 import { MetaWrapper, NotFound } from "../../components";
 import NetworkStatus from "../../components/NetworkStatus";
 import { PRODUCTS_PER_PAGE } from "../../core/config";
@@ -99,6 +100,7 @@ export const View: React.FC<ViewProps> = ({ match }) => {
       : {},
     id: getGraphqlIdFromDBId(match.params.id, "Collection"),
     sortBy: convertSortByFromString(filters.sortBy),
+    channel: channelSlug,
   };
 
   const sortOptions = [

src/views/Collection/gqlTypes/Collection.ts

@@ -89,4 +89,5 @@ export interface Collection {
 
 export interface CollectionVariables {
   id: string;
+  channel: string;
 }

src/views/Collection/gqlTypes/CollectionProducts.ts

@@ -311,4 +311,5 @@ export interface CollectionProductsVariables {
   sortBy?: ProductOrder | null;
   priceLte?: number | null;
   priceGte?: number | null;
+  channel: string;
 }

src/views/Collection/queries.ts

@@ -12,8 +12,8 @@ import {
 } from "./gqlTypes/CollectionProducts";
 
 export const collectionProductsDataQuery = gql`
-  query Collection($id: ID!) {
-    collection(id: $id) {
+  query Collection($id: ID!, $channel: String!) {
+    collection(id: $id, channel: $channel) {
       id
       slug
       name
@@ -24,7 +24,11 @@ export const collectionProductsDataQuery = gql`
       }
     }
     attributes(
-      filter: { inCollection: $id, filterableInStorefront: true }
+      filter: {
+        channel: $channel
+        inCollection: $id
+        filterableInStorefront: true
+      }
       first: 100
     ) {
       edges {
@@ -59,14 +63,16 @@ export const collectionProductsQuery = gql`
     $sortBy: ProductOrder
     $priceLte: Float
     $priceGte: Float
+    $channel: String!
   ) {
-    collection(id: $id) {
+    collection(id: $id, channel: $channel) {
       id
       products(
         after: $after
         first: $pageSize
         sortBy: $sortBy
         filter: {
+          channel: $channel
           attributes: $attributes
           minimalPrice: { gte: $priceGte, lte: $priceLte }
         }