fix: pass cart id to collection

Author: VariableVic

src/app/products/[handle]/layout.tsx renamed to src/app/_products/[handle]/layout.tsx

@@ -8,6 +8,7 @@ export async function GET(request: NextRequest) {
   const handle = searchParams.get("handle") ?? ""
   const pageParam = searchParams.get("pageParam") ?? "0"
   const limit = searchParams.get("limit") ?? "12"
+  const cart_id = searchParams.get("cart_id") ?? ""
 
   const collection = await fetchCollection(handle)
     .then((res) => res)
@@ -19,6 +20,7 @@ export async function GET(request: NextRequest) {
     pageParam,
     id: collection.id,
     limit,
+    cart_id,
   }).then((res) => res)
 
   return NextResponse.json({
@@ -45,15 +47,18 @@ async function fetchCollectionProducts({
   pageParam,
   id,
   limit,
+  cart_id,
 }: {
   pageParam: string
   id: string
   limit: string
+  cart_id: string
 }) {
   const { products, count, offset } = await medusaRequest(
     "GET",
     `/products?collection_id[]=${id}`,
     {
+      cart_id,
       limit,
       offset: pageParam,
       expand: "variants,variants.prices",

src/app/products/[handle]/loading.tsx renamed to src/app/_products/[handle]/loading.tsx

@@ -126,6 +126,10 @@ export const fetchProductsList = async ({
     ...queryParams,
   })
 
+  console.log({ pageParam, ...queryParams })
+
+  console.log({ products, count, offset })
+
   return {
     response: { products, count },
     nextPage: count > offset + 12 ? offset + 12 : null,

src/app/products/[handle]/page.tsx renamed to src/app/_products/[handle]/page.tsx

@@ -86,12 +86,14 @@ const CollectionTemplate: React.FC<CollectionTemplateProps> = ({
         <h1>{collection.title}</h1>
       </div>
       <ul className="grid grid-cols-2 small:grid-cols-3 medium:grid-cols-4 gap-x-4 gap-y-8">
-        {previews.map((p) => (
-          <li key={p.id}>
-            {console.log(p)}
-            <ProductPreview {...p} />
-          </li>
-        ))}
+        {previews.map((p) => {
+          console.log(p)
+          return (
+            <li key={p.id}>
+              <ProductPreview {...p} />
+            </li>
+          )
+        })}
         {isFetchingNextPage &&
           repeat(getNumberOfSkeletons(infiniteData?.pages)).map((index) => (
             <li key={index}>