Added first round of analytics and event tracking BOD-190

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

@@ -8,6 +8,7 @@ import InvoiceExportButton from "../invoice-export-button/invoice-export-button.
 import InvoiceExportAllButton from "../invoice-export-all-button/invoice-export-all-button.component";
 import { DateFormatter } from "../../utils/DateFormatter";
 import queryString from "query-string";
+import { logImEXEvent } from "../../firebase/firebase.utils";
 
 export default function AccountingPayablesTableComponent({
   loading,
@@ -38,8 +39,7 @@ export default function AccountingPayablesTableComponent({
           to={{
             pathname: `/manage/shop/vendors`,
             search: queryString.stringify({ selectedvendor: record.vendor.id }),
-          }}
-        >
+          }}>
           {record.vendor.name}
         </Link>
       ),
@@ -60,8 +60,7 @@ export default function AccountingPayablesTableComponent({
               invoiceid: record.id,
               vendorid: record.vendor.id,
             }),
-          }}
-        >
+          }}>
           {record.invoice_number}
         </Link>
       ),
@@ -131,6 +130,7 @@ export default function AccountingPayablesTableComponent({
 
   const handleSearch = (e) => {
     setState({ ...state, search: e.target.value });
+    logImEXEvent("accounting_payables_table_search");
   };
 
   const dataSource = state.search
@@ -168,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) =>