re-structure to monorepo.

packages/webapp/src/store/PaymentMades/paymentMades.actions.tsx

@@ -0,0 +1,17 @@
+// @ts-nocheck
+import t from '@/store/types';
+
+export const setPaymentMadesTableState = (queries) => {
+  return {
+    type: t.PAYMENT_MADES_TABLE_STATE_SET,
+    payload: { queries },
+  };
+};
+
+export const resetPaymentMadesTableState = (queries) => {
+  return {
+    type: t.PAYMENT_MADES_TABLE_STATE_RESET,
+    payload: { queries },
+  };
+};
+

packages/webapp/src/store/PaymentMades/paymentMades.reducer.tsx

@@ -0,0 +1,36 @@
+// @ts-nocheck
+import { createReducer } from '@reduxjs/toolkit';
+import { persistReducer, purgeStoredState } from 'redux-persist';
+import storage from 'redux-persist/lib/storage';
+import { createTableStateReducers } from '@/store/tableState.reducer';
+import t from '@/store/types';
+
+export const defaultTableQuery = {
+  pageSize: 20,
+  pageIndex: 0,
+  filterRoles: [],
+  sortBy: [],
+  viewSlug: null,
+};
+
+const initialState = {
+  tableState: defaultTableQuery,
+};
+
+const STORAGE_KEY = 'bigcapital:paymentMades';
+
+const CONFIG = {
+  key: STORAGE_KEY,
+  whitelist: [],
+  storage,
+};
+
+const reducerInstance = createReducer(initialState, {
+  ...createTableStateReducers('PAYMENT_MADES', defaultTableQuery),
+
+  [t.RESET]: () => {
+    purgeStoredState(CONFIG);
+  },
+});
+
+export default persistReducer(CONFIG, reducerInstance);

packages/webapp/src/store/PaymentMades/paymentMades.selector.tsx

@@ -0,0 +1,26 @@
+// @ts-nocheck
+import { isEqual } from 'lodash';
+
+import { paginationLocationQuery } from '@/store/selectors';
+import { createDeepEqualSelector } from '@/utils';
+import { defaultTableQuery } from './paymentMades.reducer';
+
+const paymentMadesTableStateSelector = (state) => state.paymentMades.tableState;
+
+// Get payment mades table state marged with location query.
+export const getPaymentMadesTableStateFactory = () =>
+  createDeepEqualSelector(
+    paginationLocationQuery,
+    paymentMadesTableStateSelector,
+    (locationQuery, tableState) => {
+      return {
+        ...locationQuery,
+        ...tableState,
+      };
+    },
+  );
+
+export const paymentsTableStateChangedFactory = () =>
+  createDeepEqualSelector(paymentMadesTableStateSelector, (tableState) => {
+    return !isEqual(tableState, defaultTableQuery);
+  });

packages/webapp/src/store/PaymentMades/paymentMades.type.tsx

@@ -0,0 +1,5 @@
+// @ts-nocheck
+export default {
+  PAYMENT_MADES_TABLE_STATE_SET: 'PAYMENT_MADES/TABLE_STATE_SET',
+  PAYMENT_MADES_TABLE_STATE_RESET: 'PAYMENT_MADES/TABLE_STATE_RESET',
+};