integrate tracking of pages and some events in the receive flow

src/components/modals/Receive/steps/01-step-account.js

@@ -13,7 +13,7 @@ import type { StepProps } from '../index'
 export default function StepAccount({ t, account, onChangeAccount }: StepProps) {
   return (
     <Box flow={1}>
-      <TrackPage category="Receive" name="Step1" />
+      <TrackPage category="Receive Flow" name="Step 1" />
       <Label>{t('app:receive.steps.chooseAccount.label')}</Label>
       <SelectAccount autoFocus onChange={onChangeAccount} value={account} />
     </Box>

src/components/modals/Receive/steps/02-step-connect-device.js

@@ -5,6 +5,7 @@ import React from 'react'
 import Box from 'components/base/Box'
 import Button from 'components/base/Button'
 import EnsureDeviceApp from 'components/EnsureDeviceApp'
+import TrackPage from 'analytics/TrackPage'
 
 import type { StepProps } from '../index'
 
@@ -26,7 +27,9 @@ export function StepConnectDeviceFooter({
 }: StepProps) {
   return (
     <Box horizontal flow={2}>
+      <TrackPage category="Receive Flow" name="Step 2" />
       <Button
+        event="Receive Flow Without Device Clicked"
         onClick={() => {
           onSkipConfirm()
           transitionTo('receive')

src/components/modals/Receive/steps/03-step-confirm-address.js

@@ -18,9 +18,10 @@ export default class StepConfirmAddress extends PureComponent<StepProps> {
     invariant(device, 'No device given')
     return (
       <Container>
-        <TrackPage category="Receive" name="Step3" />
+        <TrackPage category="Receive Flow" name="Step 3" />
         {isAddressVerified === false ? (
           <Fragment>
+            <TrackPage category="Receive Flow" name="Step 3 Address Not Verified Error" />
             <Title>
               <TranslatedError error={verifyAddressError} />
             </Title>
@@ -50,10 +51,13 @@ export function StepConfirmAddressFooter({ t, transitionTo, onRetry }: StepProps
   // This will be displayed only if user rejected address
   return (
     <Fragment>
-      <Button>{t('app:receive.steps.confirmAddress.support')}</Button>
+      <Button event="Receive Flow Step 3 Contact Us Clicked">
+        {t('app:receive.steps.confirmAddress.support')}
+      </Button>
       <Button
         ml={2}
         primary
+        event="Receive Flow Step 3 Retry Clicked"
         onClick={() => {
           onRetry()
           transitionTo('device')

src/components/modals/Receive/steps/04-step-receive-funds.js

@@ -59,7 +59,7 @@ export default class StepReceiveFunds extends PureComponent<StepProps> {
     invariant(account, 'No account given')
     return (
       <Box flow={5}>
-        <TrackPage category="Receive" name="Step4" />
+        <TrackPage category="Receive Flow" name="Step 4" />
         <CurrentAddressForAccount
           account={account}
           isAddressVerified={isAddressVerified}