scroll infinito de productos

apps/web/app/dashboard/productos/page.tsx

@@ -1,14 +1,26 @@
+'use client';
 // import PageContainer from '@/components/layout/page-container';
-import { ProductList } from '@/feactures/inventory/components/products/product-list';
+// import { ProductList } from '@/feactures/inventory/components/products/product-list';
+import { ProductList } from '@/feactures/inventory/components/products/product-list-scroll';
 import { Button } from '@repo/shadcn/components/ui/button';
-import { Metadata } from 'next';
+// import { Metadata } from 'next';
+import { useAllProductQuery } from '@/feactures/inventory/hooks/use-query-products';
+import { allProducts } from '@/feactures/inventory/schemas/inventory';
 
-export const metadata: Metadata = {
-  title: 'Productos - Fondemi',
-  description: 'Listado de productos disponibles',
-};
 
-export default  function SurveysPage() {
+// export const metadata: Metadata = {
+//   title: 'Productos - Fondemi',
+//   description: 'Listado de productos disponibles',
+// };
+
+export default function SurveysPage() {
+  // const { data } = useAllProductQuery();
+  // let products: allProducts[] = []
+
+  // if (data?.data) {
+  //   products = data.data
+  // }
+
   return (
     // <PageContainer>
       <main className='p-4 md:px-6'>
@@ -18,7 +30,7 @@ export default  function SurveysPage() {
             <Button>Mi inventario</Button>
           </a>
         </header>
-        <ProductList />
+        <ProductList/>
       </main>
     // </PageContainer>