feat(firstMile): add UI eventing to finish page (#5109)

Author: blegesse-w

src/homepageExperience/components/steps/Finish.tsx

@@ -103,24 +103,24 @@ export const Finish = (props: OwnProps) => {
           alignItems={AlignItems.Stretch}
           direction={FlexDirection.Row}
         >
-          <ResourceCard
-            className="homepage-wizard-next-steps"
-            onClick={() =>
-              handleNextStepEvent(props.wizardEventName, 'keyConcepts')
-            }
-          >
-            <SafeBlankLink href="https://docs.influxdata.com/influxdb/v2.2/reference/key-concepts/">
+          <ResourceCard className="homepage-wizard-next-steps">
+            <SafeBlankLink
+              href="https://docs.influxdata.com/influxdb/v2.2/reference/key-concepts/"
+              onClick={() =>
+                handleNextStepEvent(props.wizardEventName, 'keyConcepts')
+              }
+            >
               <h4>{BookIcon}Key Concepts</h4>
             </SafeBlankLink>
             <p>Learn about important concepts for writing time-series data.</p>
           </ResourceCard>
-          <ResourceCard
-            className="homepage-wizard-next-steps"
-            onClick={() =>
-              handleNextStepEvent(props.wizardEventName, 'influxUniversity')
-            }
-          >
-            <SafeBlankLink href="https://influxdbu.com/">
+          <ResourceCard className="homepage-wizard-next-steps">
+            <SafeBlankLink
+              href="https://influxdbu.com/"
+              onClick={() =>
+                handleNextStepEvent(props.wizardEventName, 'influxUniversity')
+              }
+            >
               <h4>{CodeTerminalIcon}InfluxDB University</h4>
             </SafeBlankLink>
             <p>

src/homepageExperience/components/steps/SampleAppCard.tsx

@@ -9,6 +9,7 @@ import {
 } from '@influxdata/clockface'
 
 import {SafeBlankLink} from 'src/utils/SafeBlankLink'
+import {normalizeEventName} from 'src/cloud/utils/reporting'
 
 import {CodeTerminalIcon} from 'src/homepageExperience/components/HomepageIcons'
 
@@ -57,10 +58,17 @@ const SampleAppCard: FC<Props> = ({wizardEventName, handleNextStepEvent}) => {
       {resources.map(app => (
         <ResourceCard
           className="homepage-wizard-next-steps"
-          onClick={() => handleNextStepEvent(wizardEventName, app.title)}
           key={app.links[wizardEventName]}
         >
-          <SafeBlankLink href={app.links[wizardEventName]}>
+          <SafeBlankLink
+            href={app.links[wizardEventName]}
+            onClick={() =>
+              handleNextStepEvent(
+                wizardEventName,
+                normalizeEventName(app.title)
+              )
+            }
+          >
             <h4>
               {CodeTerminalIcon}
               {app.title}