From dd18c2f6b2d84175175ffbee4b962b9f16c35fa5 Mon Sep 17 00:00:00 2001
From: devops <cristiancruz0529@gmail.com>
Date: Sun, 26 Jul 2026 21:38:40 +0000
Subject: [PATCH] Add
 workloads/ecommerce/integration/app-catalog-page.example.tsx

---
 .../integration/app-catalog-page.example.tsx  | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 workloads/ecommerce/integration/app-catalog-page.example.tsx

diff --git a/workloads/ecommerce/integration/app-catalog-page.example.tsx b/workloads/ecommerce/integration/app-catalog-page.example.tsx
new file mode 100644
index 0000000..cec5fae
--- /dev/null
+++ b/workloads/ecommerce/integration/app-catalog-page.example.tsx
@@ -0,0 +1,39 @@
+import { Suspense } from "react";
+import CatalogRouteBoundary from "@/components/catalog/CatalogRouteBoundary";
+
+// Conserva aquí los imports actuales de tu página:
+// import CatalogClient from "...";
+// import { getProducts } from "...";
+
+type CatalogPageProps = {
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+};
+
+export default async function CatalogPage({
+  searchParams,
+}: CatalogPageProps) {
+  const params = await searchParams;
+
+  // Conserva aquí la carga de datos actual de tu proyecto.
+  // const products = await getProducts();
+
+  return (
+    <Suspense fallback={null}>
+      <CatalogRouteBoundary>
+        {/*
+          Sustituye este comentario por el contenido actual del catálogo.
+
+          Ejemplo:
+          <CatalogClient
+            products={products}
+            initialCategory={String(params.category ?? "")}
+            initialCollection={String(params.collection ?? "")}
+          />
+        */}
+        <pre style={{ display: "none" }}>
+          {JSON.stringify(params)}
+        </pre>
+      </CatalogRouteBoundary>
+    </Suspense>
+  );
+}
\ No newline at end of file