Added first round of analytics and event tracking BOD-190

client/src/components/accounting-payments-table/accounting-payments-table.component.jsx

@@ -7,6 +7,7 @@ import { DateTimeFormatter } from "../../utils/DateFormatter";
 import { alphaSort } from "../../utils/sorters";
 import PaymentExportButton from "../payment-export-button/payment-export-button.component";
 import { PaymentsExportAllButton } from "../payments-export-all-button/payments-export-all-button.component";
+import { logImEXEvent } from "../../firebase/firebase.utils"; 
 
 export default function AccountingPayablesTableComponent({
   loading,
@@ -129,6 +130,7 @@ export default function AccountingPayablesTableComponent({
 
   const handleSearch = (e) => {
     setState({ ...state, search: e.target.value });
+    logImEXEvent("account_payments_table_search");
   };
 
   const dataSource = state.search
@@ -166,10 +168,10 @@ export default function AccountingPayablesTableComponent({
           );
         }}
         dataSource={dataSource}
-        size="small"
+        size='small'
         pagination={{ position: "top", pageSize: 50 }}
         columns={columns}
-        rowKey="id"
+        rowKey='id'
         onChange={handleTableChange}
         rowSelection={{
           onSelectAll: (selected, selectedRows) =>