IO-3325 Additional ImEX log Events.

client/src/pages/bills/bills.page.component.jsx

@@ -18,6 +18,7 @@ import { pageLimit } from "../../utils/config";
 import { alphaSort, dateSort } from "../../utils/sorters";
 import useLocalStorage from "../../utils/useLocalStorage";
 import { QUERY_ALL_VENDORS } from "../../graphql/vendors.queries";
+import { logImEXEvent } from "../../firebase/firebase.utils";
 
 const mapDispatchToProps = (dispatch) => ({
   setBillEnterContext: (context) => dispatch(setModalContext({ context: context, modal: "billEnter" }))
@@ -167,6 +168,7 @@ export function BillsListPage({ loading, data, refetch, total, setBillEnterConte
   const handleTableChange = (pagination, filters, sorter) => {
     // Persist filters (including vendorname) and sorting
     setState({ ...state, filteredInfo: { ...state.filteredInfo, ...filters }, sortedInfo: sorter });
+
     search.page = pagination.current;
     if (sorter && sorter.column && sorter.column.sortObject) {
       search.searchObj = JSON.stringify(sorter.column.sortObject(sorter.order));
@@ -177,6 +179,7 @@ export function BillsListPage({ loading, data, refetch, total, setBillEnterConte
     }
     search.sort = JSON.stringify({ [sorter.columnKey]: sorter.order });
     history({ search: queryString.stringify(search) });
+    logImEXEvent("bills_list_sort_filter", { pagination, filters, sorter });
   };
 
   useEffect(() => {
@@ -192,6 +195,7 @@ export function BillsListPage({ loading, data, refetch, total, setBillEnterConte
         search: value || search.search,
         index: "bills"
       });
+      logImEXEvent("bills_search", { search: value || search.search, results: searchData?.data?.hits?.hits?.length });
       setOpenSearchResults(searchData.data.hits.hits.map((s) => s._source));
     } catch (error) {
       console.log("Error while fetching search results", error);