feat(discover): Rename metrics baseline toggle feature (getsentry#40971)

Remove references to processed and indexed events.

Renamed "Processed events" -> "Total Transactions"
Renamed "Total Events" -> "Event Count"
Renamed "processed events" label -> "total transactions"
Updated the tooltip message

![Screen Shot 2022-11-03 at 1 57 39
PM](https://user-images.githubusercontent.com/63818634/199798868-c187262c-ae21-431b-9559-7692b59e4691.png)
![Screen Shot 2022-11-03 at 2 02 48
PM](https://user-images.githubusercontent.com/63818634/199799975-a0c12051-94f9-4135-81de-aa7da6b478e0.png)

Author: shruthilayaj

static/app/views/eventsV2/chartFooter.tsx

@@ -66,7 +66,7 @@ export default function ChartFooter({
 }: Props) {
   const elements: React.ReactNode[] = [];
 
-  elements.push(<SectionHeading key="total-label">{t('Total Events')}</SectionHeading>);
+  elements.push(<SectionHeading key="total-label">{t('Event Count')}</SectionHeading>);
   elements.push(
     total === null || loadingProcessedTotals === true ? (
       <SectionValue data-test-id="loading-placeholder" key="total-value">
@@ -94,7 +94,7 @@ export default function ChartFooter({
       <InlineContainer>
         <Feature organization={organization} features={['discover-metrics-baseline']}>
           <Fragment>
-            <SwitchLabel>{t('Processed events')}</SwitchLabel>
+            <SwitchLabel>{t('Total Transactions')}</SwitchLabel>
             <Switch
               data-test-id="processed-events-toggle"
               isActive={showBaseline}
@@ -121,7 +121,7 @@ export default function ChartFooter({
               position="top"
               size="sm"
               title={tct(
-                'Show a baseline of client-side [processedEventsLink: processed events].[break]Available on the Total Period display for y-axes scoped to [transactionEventsLink: transaction events].',
+                'The baseline is only available for [transactionEventsLink: transaction events] when displaying the Top Period.[break]The baseline shows the [processedEventsLink: total transactions] matching your query, compared to the sampled transactions.',
                 {
                   transactionEventsLink: (
                     <ExternalLink href="https://docs.sentry.io/product/sentry-basics/tracing/event-detail/" />

static/app/views/eventsV2/metricsBaselineContainer.spec.tsx

@@ -149,7 +149,7 @@ describe('MetricsBaselineContainer', function () {
       })
     );
 
-    expect(screen.getByText(/Processed events/i)).toBeInTheDocument();
+    expect(screen.getByText(/Total Transactions/i)).toBeInTheDocument();
     expect(screen.getByText(/19m/i)).toBeInTheDocument();
     expect(screen.getByTestId('processed-events-toggle')).toBeEnabled();
   });
@@ -179,7 +179,7 @@ describe('MetricsBaselineContainer', function () {
       );
     });
 
-    expect(screen.getByText(/Processed events/i)).toBeInTheDocument();
+    expect(screen.getByText(/Total Transactions/i)).toBeInTheDocument();
     expect(screen.getByTestId('processed-events-toggle')).toBeEnabled();
 
     await waitFor(() => {
@@ -188,7 +188,7 @@ describe('MetricsBaselineContainer', function () {
           option: expect.objectContaining({
             legend: expect.objectContaining({
               data: expect.arrayContaining([
-                'processed events: p50(transaction.duration)',
+                'total transactions: p50(transaction.duration)',
               ]),
             }),
           }),
@@ -207,7 +207,7 @@ describe('MetricsBaselineContainer', function () {
 
     renderMetricsBaselineContainer(organization, project, eventView, yAxis);
 
-    expect(screen.getByText(/Processed events/i)).toBeInTheDocument();
+    expect(screen.getByText(/Total Transactions/i)).toBeInTheDocument();
     expect(screen.getByTestId('processed-events-toggle')).toBeDisabled();
   });
 
@@ -225,7 +225,7 @@ describe('MetricsBaselineContainer', function () {
 
     renderMetricsBaselineContainer(organization, project, eventView, yAxis);
 
-    expect(screen.getByText(/Processed events/i)).toBeInTheDocument();
+    expect(screen.getByText(/Total Transactions/i)).toBeInTheDocument();
     expect(screen.getByTestId('processed-events-toggle')).toBeDisabled();
   });
 

static/app/views/eventsV2/metricsBaselineContainer.tsx

@@ -182,7 +182,7 @@ export function MetricsBaselineContainer({
           let seriesWithOrdering: SeriesWithOrdering[] = [];
 
           seriesWithOrdering = Object.keys(response).map((seriesName: string) => {
-            const prefixedName = `processed events: ${seriesName}`;
+            const prefixedName = `total transactions: ${seriesName}`;
             const seriesData: EventsStats = response[seriesName];
             return [
               seriesData.order || 0,
@@ -217,7 +217,7 @@ export function MetricsBaselineContainer({
           );
         } else {
           const field = yAxis[0];
-          const prefixedName = `processed events: ${field}`;
+          const prefixedName = `total transactions: ${field}`;
           const transformed = transformSeries(response, prefixedName, field);
           additionalSeries.push(
             LineSeries({