fix: vednor view .

client/src/store/vendors/vendors.actions.js

@@ -5,6 +5,7 @@ export const fetchVendorsTable = ({ query }) => {
   return (dispatch, getState) =>
     new Promise((resolve, reject) => {
       const pageQuery = getState().vendors.tableQuery;
+
       dispatch({
         type: t.VENDORS_TABLE_LOADING,
         payload: { loading: true },
@@ -15,7 +16,8 @@ export const fetchVendorsTable = ({ query }) => {
             type: t.VENDORS_PAGE_SET,
             payload: {
               vendors: response.data.vendors,
-              customViewId: response.data.customViewId || -1,
+              customViewId:
+                response.data?.filter_meta?.view?.custom_view_id || -1,
               paginationMeta: response.data.pagination,
             },
           });
@@ -29,7 +31,8 @@ export const fetchVendorsTable = ({ query }) => {
             type: t.VENDORS_PAGINATION_SET,
             payload: {
               pagination: response.data.pagination,
-              customViewId: response.data.customViewId || -1,
+              customViewId:
+                response.data?.filter_meta?.view?.custom_view_id || -1,
             },
           });
           dispatch({

client/src/store/vendors/vendors.reducer.js

@@ -13,7 +13,7 @@ const initialState = {
   currentViewId: -1,
 
   tableQuery: {
-    page_size: 5,
+    page_size: 12,
     page: 1,
   },
 };
@@ -23,13 +23,16 @@ export default createReducer(initialState, {
     const _vendors = state.items[id] || {};
     state.items[id] = { ..._vendors, ...vendor };
   },
+
   [t.VENDORS_TABLE_LOADING]: (state, action) => {
     const { loading } = action.payload;
     state.loading = loading;
   },
+
   [t.VENDORS_ITEMS_SET]: (state, action) => {
     const { vendors } = action.payload;
     const _vendors = {};
+
     vendors.forEach((vendor) => {
       _vendors[vendor.id] = {
         ...vendor,
@@ -40,21 +43,28 @@ export default createReducer(initialState, {
       ..._vendors,
     };
   },
+
+  [t.VENDORS_SET_CURRENT_VIEW]: (state, action) => {
+    state.currentViewId = action.currentViewId;
+  },
+
   [t.VENDORS_PAGE_SET]: (state, action) => {
     const { customViewId, vendors, paginationMeta } = action.payload;
 
     const viewId = customViewId || -1;
     const view = state.views[viewId] || {};
+
     state.views[viewId] = {
       ...view,
       pages: {
         ...(state.views?.[viewId]?.pages || {}),
-        [paginationMeta.total]: {
+        [paginationMeta.page]: {
           ids: vendors.map((i) => i.id),
         },
       },
     };
   },
+
   [t.VENDOR_DELETE]: (state, action) => {
     const { id } = action.payload;
 
@@ -62,6 +72,6 @@ export default createReducer(initialState, {
       delete state.items[id];
     }
   },
-  // ...viewPaginationSetReducer(t.VENDORS_PAGINATION_SET),
+  ...viewPaginationSetReducer(t.VENDORS_PAGINATION_SET),
   ...createTableQueryReducers('VENDORS'),
 });

client/src/store/vendors/vendors.selectors.js

@@ -6,8 +6,10 @@ import {
 } from 'store/selectors';
 
 const vendorsTableQuery = (state) => state.vendors.tableQuery;
+
 const vendorByIdSelector = (state, props) =>
   state.vendors.items[props.vendorId];
+
 const vendorsItemsSelector = (state) => state.vendors.items;
 
 const vendorsCurrentViewIdSelector = (state) => state.vendors.currentViewId;
@@ -17,22 +19,24 @@ const vendorsPaginationSelector = (state, props) => {
   return state.vendors.views?.[viewId];
 };
 
-export const getVendorsTableQuery = createSelector(
-  paginationLocationQuery,
-  vendorsTableQuery,
-  (locationQuery, tableQuery) => {
-    return {
-      ...locationQuery,
-      ...tableQuery,
-    };
-  },
-);
+export const getVendorTableQueryFactory = () =>
+  createSelector(
+    paginationLocationQuery,
+    vendorsTableQuery,
+    (locationQuery, tableQuery) => {
+      return {
+        ...locationQuery,
+        ...tableQuery,
+      };
+    },
+  );
+
 
 const vendorsPageSelector = (state, props, query) => {
   const viewId = state.vendors.currentViewId;
   const currentView = state.vendors.views?.[viewId];
-  const currentPageId = currentView?.pages;
-
+  const currentPageId = currentView?.paginationMeta?.page;
+  
   return currentView?.pages?.[currentPageId];
 };
 

client/src/store/vendors/vendors.types.js

@@ -3,7 +3,7 @@ export default {
   VENDOR_SET: 'VENDOR_SET',
   VENDORS_PAGE_SET: 'VENDORS_PAGE_SET',
   VENDORS_TABLE_LOADING: 'VENDORS_TABLE_LOADING',
-  VENDORS_TABLE_QUERIES_ADD: 'VENDORS_TABLE_QUERIES_ADD',
+  VENDORS_TABLE_QUERIES_ADD: 'VENDORS/TABLE_QUERIES_ADD',
   VENDOR_DELETE: 'VENDOR_DELETE',
   VENDORS_BULK_DELETE: 'VENDORS_BULK_DELETE',
   VENDORS_PAGINATION_SET: 'VENDORS_PAGINATION_SET',