fix broken PLP page

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>

components/layout/products-list/actions.ts

@@ -64,14 +64,16 @@ const constructFilterInput = (filters: {
 
 export const getProductsInCollection = async ({
   searchParams,
-  afterCursor
+  afterCursor,
+  collection
 }: {
   searchParams?: {
     [key: string]: string | string[] | undefined;
   };
   afterCursor?: string;
+  collection?: string;
 }) => {
-  const { sort, q, collection, ...rest } = searchParams as { [key: string]: string };
+  const { sort, q, ...rest } = searchParams as { [key: string]: string };
   const { sortKey, reverse } = sorting.find((item) => item.slug === sort) || defaultSort;
   const filtersInput = constructFilterInput(rest);
 

components/layout/products-list/index.tsx

@@ -13,7 +13,7 @@ const ProductsList = ({
   initialProducts,
   pageInfo,
   searchParams,
-  page
+  collection
 }: {
   initialProducts: Product[];
   pageInfo: {
@@ -21,7 +21,7 @@ const ProductsList = ({
     hasNextPage: boolean;
   };
   searchParams?: { [key: string]: string | string[] | undefined };
-  page: 'search' | 'collection';
+  collection?: string;
 }) => {
   const [products, setProducts] = useState(initialProducts);
   const [_pageInfo, setPageInfo] = useState(pageInfo);
@@ -31,13 +31,13 @@ const ProductsList = ({
     try {
       const params = {
         searchParams,
-        afterCursor: _pageInfo.endCursor
+        afterCursor: _pageInfo.endCursor,
+        collection
       };
       setIsLoading(true);
-      const { products, pageInfo } =
-        page === 'collection'
-          ? await getProductsInCollection(params)
-          : await searchProducts(params);
+      const { products, pageInfo } = collection
+        ? await getProductsInCollection(params)
+        : await searchProducts(params);
 
       setProducts((prev) => [...prev, ...products]);
       setPageInfo({