feat(RealizedGainorLoss): add realized gain or loss.

src/store/financialStatement/financialStatements.actions.js

@@ -196,7 +196,7 @@ export function toggleCashFlowStatementFilterDrawer(toggle) {
  * Toggles display of the inventory item details filter drawer.
  * @param {boolean} toggle
  */
- export function toggleInventoryItemDetailsFilterDrawer(toggle) {
+export function toggleInventoryItemDetailsFilterDrawer(toggle) {
   return {
     type: `${t.INVENTORY_ITEM_DETAILS}/${t.DISPLAY_FILTER_DRAWER_TOGGLE}`,
     payload: {
@@ -204,3 +204,16 @@ export function toggleCashFlowStatementFilterDrawer(toggle) {
     },
   };
 }
+
+/**
+ *  Toggle display of the Realized Gain or Loss filter drawer.
+ * @param {boolean} toggle
+ */
+export function toggleRealizedGainOrLossCilterDrawer(toggle) {
+  return {
+    type: `${t.REALIZED_GAIN_OR_LOSS}/${t.DISPLAY_FILTER_DRAWER_TOGGLE}`,
+    payload: {
+      toggle,
+    },
+  };
+}

src/store/financialStatement/financialStatements.reducer.js

@@ -51,6 +51,9 @@ const initialState = {
   inventoryItemDetails: {
     displayFilterDrawer: false,
   },
+  realizedGainOrLoss: {
+    displayFilterDrawer: false,
+  },
 };
 
 /**
@@ -102,4 +105,6 @@ export default createReducer(initialState, {
     t.INVENTORY_ITEM_DETAILS,
     'inventoryItemDetails',
   ),
+  ...financialStatementFilterToggle(t.REALIZED_GAIN_OR_LOSS, 'realizedGainOrLoss'),
+
 });

src/store/financialStatement/financialStatements.selectors.js

@@ -73,6 +73,10 @@ export const inventoryItemDetailsDrawerFilter = (state) => {
   return filterDrawerByTypeSelector('inventoryItemDetails')(state);
 };
 
+export const realizedGainOrLossFilterDrawerSelector = (state) => {
+  return filterDrawerByTypeSelector('realizedGainOrLoss')(state);
+};
+
 /**
  * Retrieve balance sheet filter drawer.
  */
@@ -239,3 +243,13 @@ export const getInventoryItemDetailsFilterDrawer = createSelector(
     return isOpen;
   },
 );
+
+/**
+ * Retrieve Realized Gain or Loss filter drawer.
+ */
+export const getRealizedGainOrLossFilterDrawer = createSelector(
+  realizedGainOrLossFilterDrawerSelector,
+  (isOpen) => {
+    return isOpen;
+  },
+);

src/store/financialStatement/financialStatements.types.js

@@ -16,4 +16,5 @@ export default {
   VENDORS_TRANSACTIONS: 'VENDORS TRANSACTIONS',
   CASH_FLOW_STATEMENT: 'CASH FLOW STATEMENT',
   INVENTORY_ITEM_DETAILS: 'INVENTORY ITEM DETAILS',
+  REALIZED_GAIN_OR_LOSS: 'REALIZED GAIN OR LOSS',
 };