Merge pull request #1334 from mirumee/SALEOR-2488/3.1/number-of-rows-selector-fix

refresh lists when changing number of rows

src/categories/views/CategoryList/CategoryList.tsx

@@ -64,7 +64,7 @@ export const CategoryList: React.FC<CategoryListProps> = ({ params }) => {
       filter: getFilterVariables(params),
       sort: getSortQueryVariables(params)
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = useRootCategoriesQuery({
     displayLoader: true,

src/collections/views/CollectionList/CollectionList.tsx

@@ -91,7 +91,7 @@ export const CollectionList: React.FC<CollectionListProps> = ({ params }) => {
       sort: getSortQueryVariables(params),
       channel: selectedChannel?.slug
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = useCollectionListQuery({
     displayLoader: true,

src/customers/views/CustomerList/CustomerList.tsx

@@ -69,7 +69,7 @@ export const CustomerList: React.FC<CustomerListProps> = ({ params }) => {
       filter: getFilterVariables(params),
       sort: getSortQueryVariables(params)
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = useCustomerListQuery({
     displayLoader: true,

src/discounts/views/SaleList/SaleList.tsx

@@ -84,7 +84,7 @@ export const SaleList: React.FC<SaleListProps> = ({ params }) => {
       sort: getSortQueryVariables(params),
       channel: params.channel
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = useSaleListQuery({
     displayLoader: true,

src/discounts/views/VoucherList/VoucherList.tsx

@@ -85,7 +85,7 @@ export const VoucherList: React.FC<VoucherListProps> = ({ params }) => {
       sort: getSortQueryVariables(params),
       channel: params.channel
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = useVoucherListQuery({
     displayLoader: true,

src/navigation/views/MenuList/MenuList.tsx

@@ -64,7 +64,7 @@ const MenuList: React.FC<MenuListProps> = ({ params }) => {
       ...paginationState,
       sort: getSortQueryVariables(params)
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = useMenuListQuery({
     displayLoader: true,

src/orders/views/OrderDraftList/OrderDraftList.tsx

@@ -142,7 +142,7 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
       filter: getFilterVariables(params),
       sort: getSortQueryVariables(params)
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = useOrderDraftListQuery({
     displayLoader: true,

src/pages/views/PageList/PageList.tsx

@@ -54,7 +54,7 @@ export const PageList: React.FC<PageListProps> = ({ params }) => {
       ...paginationState,
       sort: getSortQueryVariables(params)
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = usePageListQuery({
     displayLoader: true,

src/staff/views/StaffList/StaffList.tsx

@@ -69,7 +69,7 @@ export const StaffList: React.FC<StaffListProps> = ({ params }) => {
       filter: getFilterVariables(params),
       sort: getSortQueryVariables(params)
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data: staffQueryData, loading } = useStaffListQuery({
     displayLoader: true,

src/warehouses/views/WarehouseList/WarehouseList.tsx

@@ -64,7 +64,7 @@ const WarehouseList: React.FC<WarehouseListProps> = ({ params }) => {
       filter: getFilterVariables(params),
       sort: getSortQueryVariables(params)
     }),
-    [params]
+    [params, settings.rowNumber]
   );
   const { data, loading, refetch } = useWarehouseList({
     displayLoader: true,