Prevent user from getting stuck on opt in page (#9856)

Failed metric events on the opt-in page no longer leave the user stuck
on that page. If the metric events fail, they still bubble up as errors
to be caught by Sentry and logged to the console, but the user is still
brought to the next page.

Fixes #9800

ui/app/pages/first-time-flow/metametrics-opt-in/metametrics-opt-in.component.js

@@ -101,11 +101,12 @@ export default class MetaMetricsOptIn extends Component {
           </div>
           <div className="metametrics-opt-in__footer">
             <PageContainerFooter
-              onCancel={() => {
+              onCancel={async () => {
-                setParticipateInMetaMetrics(false).then(() => {
+                await setParticipateInMetaMetrics(false)
-                  const promise =
+
-                    participateInMetaMetrics === true
+                try {
-                      ? metricsEvent({
+                  if (participateInMetaMetrics === true) {
+                    await metricsEvent({
                       eventOpts: {
                         category: 'Onboarding',
                         action: 'Metrics Option',
@@ -113,32 +114,33 @@ export default class MetaMetricsOptIn extends Component {
                       },
                       isOptIn: true,
                     })
-                      : Promise.resolve()
+                  }
-
+                } finally {
-                  promise.then(() => {
                   history.push(nextRoute)
-                  })
+                }
-                })
               }}
               cancelText={t('noThanks')}
               hideCancel={false}
-              onSubmit={() => {
+              onSubmit={async () => {
-                setParticipateInMetaMetrics(true).then(([_, metaMetricsId]) => {
+                const [, metaMetricsId] = await setParticipateInMetaMetrics(
-                  const promise =
+                  true,
-                    participateInMetaMetrics === false
+                )
-                      ? metricsEvent({
+                try {
+                  const metrics = []
+                  if (participateInMetaMetrics === false) {
+                    metrics.push(
+                      metricsEvent({
                         eventOpts: {
                           category: 'Onboarding',
                           action: 'Metrics Option',
                           name: 'Metrics Opt In',
                         },
                         isOptIn: true,
-                        })
+                      }),
-                      : Promise.resolve()
+                    )
-
+                  }
-                  promise
+                  metrics.push(
-                    .then(() => {
+                    metricsEvent({
-                      return metricsEvent({
                       eventOpts: {
                         category: 'Onboarding',
                         action: 'Import or Create',
@@ -146,12 +148,12 @@ export default class MetaMetricsOptIn extends Component {
                       },
                       isOptIn: true,
                       metaMetricsId,
-                      })
+                    }),
-                    })
+                  )
-                    .then(() => {
+                  await Promise.all(metrics)
+                } finally {
                   history.push(nextRoute)
-                    })
+                }
-                })
               }}
               submitText={t('affirmAgree')}
               submitButtonType="primary"