feat: style read-only drawers.

fix: empty state in resources tables.

client/src/store/Invoice/invoices.actions.js

@@ -7,4 +7,10 @@ export const setInvoicesTableState = (queries) => {
   };
 };
 
+export const resetInvoicesTableState= () => {
+  return {
+    type: t.INVOICES_TABLE_STATE_RESET,
+  };
+}
+
 export const setSelectedRowsItems = () => {};

client/src/store/Invoice/invoices.reducer.js

@@ -6,12 +6,15 @@ import {
 } from 'store/tableState.reducer';
 import t from 'store/types';
 
+export const defaultTableQuery = {
+  pageSize: 12,
+  pageIndex: 0,
+  filterRoles: [],
+  viewSlug: null,
+};
+
 const initialState = {
-  tableState: {
-    pageSize: 12,
-    pageIndex: 0,
-    filterRoles: []
-  },
+  tableState: defaultTableQuery,
 };
 
 const STORAGE_KEY = 'bigcapital:invoices';
@@ -23,7 +26,7 @@ const CONFIG = {
 };
 
 const reducerInstance = createReducer(initialState, {
-  ...createTableStateReducers('INVOICES'),
+  ...createTableStateReducers('INVOICES', defaultTableQuery),
   
   [t.RESET]: () => {
     purgeStoredState(CONFIG);

client/src/store/Invoice/invoices.selector.js

@@ -1,5 +1,7 @@
+import { isEqual } from 'lodash';
 import { paginationLocationQuery } from 'store/selectors';
 import { createDeepEqualSelector } from 'utils';
+import { defaultTableQuery } from './invoices.reducer';
 
 const invoicesTableStateSelector = (state) => state.salesInvoices.tableState;
 
@@ -17,3 +19,14 @@ export const getInvoicesTableStateFactory = () =>
       };
     },
   );
+
+/**
+ * Retrieve invoices table state.
+ */
+export const isInvoicesTableStateChangedFactory = () =>
+  createDeepEqualSelector(
+    invoicesTableStateSelector,
+    (tableState) => {
+      return !isEqual(tableState, defaultTableQuery);
+    },
+  );

client/src/store/Invoice/invoices.types.js

@@ -1,4 +1,5 @@
 
 export default {
   INVOICES_TABLE_STATE_SET: 'INVOICES/TABLE_STATE_SET',
+  INVOICES_TABLE_STATE_RESET: 'INVOICES/TABLE_STATE_RESET',
 };