PLT-5071: Client side component of Telemetry. (#5516)

webapp/components/signup/components/signup_email.jsx

@@ -4,8 +4,9 @@
 import LoadingScreen from 'components/loading_screen.jsx';
 
 import * as GlobalActions from 'actions/global_actions.jsx';
+import {trackEvent} from 'actions/diagnostics_actions.jsx';
+
 import BrowserStore from 'stores/browser_store.jsx';
-import {track} from 'actions/analytics_actions.jsx';
 import {getInviteInfo} from 'actions/team_actions.jsx';
 import {loginById, createUserWithInvite} from 'actions/user_actions.jsx';
 
@@ -37,6 +38,10 @@ export default class SignupEmail extends React.Component {
         this.state = this.getInviteInfo();
     }
 
+    componentDidMount() {
+        trackEvent('signup', 'signup_user_01_welcome');
+    }
+
     getInviteInfo() {
         let data = this.props.location.query.d;
         let hash = this.props.location.query.h;
@@ -117,7 +122,7 @@ export default class SignupEmail extends React.Component {
     }
 
     handleSignupSuccess(user, data) {
-        track('signup', 'signup_user_02_complete');
+        trackEvent('signup', 'signup_user_02_complete');
         loginById(
             data.id,
             user.password,
@@ -401,8 +406,6 @@ export default class SignupEmail extends React.Component {
     }
 
     render() {
-        track('signup', 'signup_user_01_welcome');
-
         let serverError = null;
         if (this.state.serverError) {
             serverError = (

webapp/components/signup/components/signup_ldap.jsx

@@ -4,9 +4,9 @@
 import FormError from 'components/form_error.jsx';
 
 import * as GlobalActions from 'actions/global_actions.jsx';
-import {track} from 'actions/analytics_actions.jsx';
 import {addUserToTeamFromInvite} from 'actions/team_actions.jsx';
 import {webLoginByLdap} from 'actions/user_actions.jsx';
+import {trackEvent} from 'actions/diagnostics_actions.jsx';
 
 import * as Utils from 'utils/utils.jsx';
 
@@ -39,6 +39,10 @@ export default class SignupLdap extends React.Component {
         });
     }
 
+    componentDidMount() {
+        trackEvent('signup', 'signup_user_01_welcome');
+    }
+
     handleLdapIdChange(e) {
         this.setState({
             ldapId: e.target.value
@@ -107,8 +111,6 @@ export default class SignupLdap extends React.Component {
     }
 
     render() {
-        track('signup', 'signup_user_01_welcome');
-
         let ldapIdPlaceholder;
         if (global.window.mm_config.LdapLoginFieldName) {
             ldapIdPlaceholder = global.window.mm_config.LdapLoginFieldName;