Added first round of analytics and event tracking BOD-190

client/src/components/profile-my/profile-my.component.jsx

@@ -5,12 +5,13 @@ import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { updateUserDetails } from "../../redux/user/user.actions";
 import { selectCurrentUser } from "../../redux/user/user.selectors";
+import { logImEXEvent } from "../../firebase/firebase.utils";
 
 const mapStateToProps = createStructuredSelector({
-  currentUser: selectCurrentUser
+  currentUser: selectCurrentUser,
 });
-const mapDispatchToProps = dispatch => ({
-  updateUserDetails: userDetails => dispatch(updateUserDetails(userDetails))
+const mapDispatchToProps = (dispatch) => ({
+  updateUserDetails: (userDetails) => dispatch(updateUserDetails(userDetails)),
 });
 export default connect(
   mapStateToProps,
@@ -18,10 +19,12 @@ export default connect(
 )(function ProfileMyComponent({ currentUser, updateUserDetails }) {
   const { t } = useTranslation();
 
-  const handleFinish = values => {
+  const handleFinish = (values) => {
+    logImEXEvent("profile_update");
+
     updateUserDetails({
       displayName: values.displayName,
-      photoURL: values.photoURL
+      photoURL: values.photoURL,
     });
   };
 
@@ -30,25 +33,23 @@ export default connect(
       <Form
         onFinish={handleFinish}
         autoComplete={"no"}
-        initialValues={currentUser}
-      >
+        initialValues={currentUser}>
         <Form.Item
           label={t("user.fields.displayname")}
           rules={[
             {
               required: true,
-              message: t("general.validation.required")
-            }
+              message: t("general.validation.required"),
+            },
           ]}
-          name="displayName"
-        >
+          name='displayName'>
           <Input />
         </Form.Item>
-        <Form.Item label={t("user.fields.photourl")} name="photoURL">
+        <Form.Item label={t("user.fields.photourl")} name='photoURL'>
           <Input />
         </Form.Item>
 
-        <Button type="primary" key="submit" htmlType="submit">
+        <Button type='primary' key='submit' htmlType='submit'>
           {t("user.actions.updateprofile")}
         </Button>
       </Form>