Added first round of analytics and event tracking BOD-190

client/src/components/payment-export-button/payment-export-button.component.jsx

@@ -8,6 +8,8 @@ import { createStructuredSelector } from "reselect";
 import { auth } from "../../firebase/firebase.utils";
 import { UPDATE_PAYMENTS } from "../../graphql/payments.queries";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import { logImEXEvent } from "../../firebase/firebase.utils";
+
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
 });
@@ -23,6 +25,8 @@ export function PaymentExportButton({
   const [loading, setLoading] = useState(false);
 
   const handleQbxml = async () => {
+    logImEXEvent("accounting_payment_export");
+
     setLoading(true);
     if (!!loadingCallback) loadingCallback(true);
 
@@ -114,8 +118,7 @@ export function PaymentExportButton({
       onClick={handleQbxml}
       loading={loading}
       disabled={disabled}
-      type="dashed"
-    >
+      type='dashed'>
       {t("jobs.actions.export")}
     </Button>
   );