diff --git a/src/routes/products/product-list/components/product-list-table/product-list-table.tsx b/src/routes/products/product-list/components/product-list-table/product-list-table.tsx index e9d1ce9d..9a4bef29 100644 --- a/src/routes/products/product-list/components/product-list-table/product-list-table.tsx +++ b/src/routes/products/product-list/components/product-list-table/product-list-table.tsx @@ -31,7 +31,7 @@ import { useProductTableQuery } from "../../../../../hooks/table/query/use-produ import { useDataTable } from "../../../../../hooks/use-data-table" import { productsLoader } from "../../loader" -export const PAGE_SIZE = 5 +export const PAGE_SIZE = 10 export const ProductListTable = () => { const { t } = useTranslation() @@ -54,25 +54,32 @@ export const ProductListTable = () => { const { searchParams, raw } = useProductTableQuery({ pageSize: PAGE_SIZE, }) + + const query = { + limit: 100, + offset: 0, + fields: "+thumbnail,*categories,+status", + } + + const options = { + initialData, + placeholderData: keepPreviousData, + } + + const filter = { + collectionId: searchParams.collection_id, + categoryId: searchParams.category_id, + typeId: searchParams.type_id, + tagId: searchParams.tagId, + status: searchParams.status, + q: searchParams.q, + sort: searchParams.order, + } + const { products, count, isLoading, isError, error } = useProducts( - { - limit: searchParams.limit, - offset: searchParams.offset, - fields: "+thumbnail,*categories,+status", - }, - { - initialData, - placeholderData: keepPreviousData, - }, - { - collectionId: searchParams.collection_id, - categoryId: searchParams.category_id, - typeId: searchParams.type_id, - tagId: searchParams.tagId, - status: searchParams.status, - q: searchParams.q, - sort: searchParams.order, - } + query, + options, + filter ) const offset = searchParams.offset || 0