make labels align with the series names exposed in dashboards

Author: ryan953

static/app/views/insights/sessions/charts/errorFreeSessionsChart.tsx

@@ -7,7 +7,7 @@ export default function ErrorFreeSessionsChart() {
   const {series, isPending, error} = useErrorFreeSessions();
 
   const aliases = {
-    successful_session_rate: t('Error free session rate'),
+    successful_session_rate: t('crash_free_rate(session)'),
   };
 
   return (

static/app/views/insights/sessions/charts/sessionHealthCountChart.tsx

@@ -1,18 +1,16 @@
 import ExternalLink from 'sentry/components/links/externalLink';
 import {t, tct} from 'sentry/locale';
 import {InsightsLineChartWidget} from 'sentry/views/insights/common/components/insightsLineChartWidget';
-import {FRONTEND_LANDING_SUB_PATH} from 'sentry/views/insights/pages/frontend/settings';
 import useSessionHealthBreakdown from 'sentry/views/insights/sessions/queries/useSessionHealthBreakdown';
 
-export default function SessionHealthCountChart({view}: {view: string}) {
+export default function SessionHealthCountChart() {
   const {series, isPending, error} = useSessionHealthBreakdown({type: 'count'});
-  const frontendPath = view === FRONTEND_LANDING_SUB_PATH;
 
   const aliases = {
-    healthy_session_count: t('Healthy'),
-    crashed_session_count: frontendPath ? t('Unhandled errors') : t('Crashed'),
-    errored_session_count: frontendPath ? t('Handled errors') : t('Errored'),
-    abnormal_session_count: t('Abnormal'),
+    healthy_session_count: 'count_healthy(session)',
+    crashed_session_count: 'count_crashed(session)',
+    errored_session_count: 'count_errored(session)',
+    abnormal_session_count: 'count_abnormal(session)',
   };
 
   return (

static/app/views/insights/sessions/charts/sessionHealthRateChart.tsx

@@ -1,18 +1,16 @@
 import ExternalLink from 'sentry/components/links/externalLink';
 import {t, tct} from 'sentry/locale';
 import {InsightsAreaChartWidget} from 'sentry/views/insights/common/components/insightsAreaChartWidget';
-import {FRONTEND_LANDING_SUB_PATH} from 'sentry/views/insights/pages/frontend/settings';
 import useSessionHealthBreakdown from 'sentry/views/insights/sessions/queries/useSessionHealthBreakdown';
 
-export default function SessionHealthRateChart({view}: {view: string}) {
+export default function SessionHealthRateChart() {
   const {series, isPending, error} = useSessionHealthBreakdown({type: 'rate'});
-  const frontendPath = view === FRONTEND_LANDING_SUB_PATH;
 
   const aliases = {
-    healthy_session_rate: t('Healthy'),
-    crashed_session_rate: frontendPath ? t('Unhandled errors') : t('Crashed'),
-    errored_session_rate: frontendPath ? t('Handled errors') : t('Errored'),
-    abnormal_session_rate: t('Abnormal'),
+    healthy_session_rate: 'rate_healthy(session)',
+    crashed_session_rate: 'rate_crashed(session)',
+    errored_session_rate: 'rate_errored(session)',
+    abnormal_session_rate: 'rate_abnormal(session)',
   };
 
   return (

static/app/views/insights/sessions/charts/userHealthCountChart.tsx

@@ -1,18 +1,16 @@
 import ExternalLink from 'sentry/components/links/externalLink';
 import {t, tct} from 'sentry/locale';
 import {InsightsLineChartWidget} from 'sentry/views/insights/common/components/insightsLineChartWidget';
-import {FRONTEND_LANDING_SUB_PATH} from 'sentry/views/insights/pages/frontend/settings';
 import useUserHealthBreakdown from 'sentry/views/insights/sessions/queries/useUserHealthBreakdown';
 
-export default function UserHealthCountChart({view}: {view: string}) {
+export default function UserHealthCountChart() {
   const {series, isPending, error} = useUserHealthBreakdown({type: 'count'});
-  const frontendPath = view === FRONTEND_LANDING_SUB_PATH;
 
   const aliases = {
-    healthy_user_count: t('Healthy'),
-    crashed_user_count: frontendPath ? t('Unhandled errors') : t('Crashed'),
-    errored_user_count: frontendPath ? t('Handled errors') : t('Errored'),
-    abnormal_user_count: t('Abnormal'),
+    healthy_user_count: 'count_healthy(user)',
+    crashed_user_count: 'count_crashed(user)',
+    errored_user_count: 'count_errored(user)',
+    abnormal_user_count: 'count_abnormal(user)',
   };
 
   return (

static/app/views/insights/sessions/charts/userHealthRateChart.tsx

@@ -1,18 +1,16 @@
 import ExternalLink from 'sentry/components/links/externalLink';
 import {t, tct} from 'sentry/locale';
 import {InsightsAreaChartWidget} from 'sentry/views/insights/common/components/insightsAreaChartWidget';
-import {FRONTEND_LANDING_SUB_PATH} from 'sentry/views/insights/pages/frontend/settings';
 import useUserHealthBreakdown from 'sentry/views/insights/sessions/queries/useUserHealthBreakdown';
 
-export default function UserHealthRateChart({view}: {view: string}) {
+export default function UserHealthRateChart() {
   const {series, isPending, error} = useUserHealthBreakdown({type: 'rate'});
-  const frontendPath = view === FRONTEND_LANDING_SUB_PATH;
 
   const aliases = {
-    healthy_user_rate: t('Healthy'),
-    crashed_user_rate: frontendPath ? t('Unhandled errors') : t('Crashed'),
-    errored_user_rate: frontendPath ? t('Handled errors') : t('Errored'),
-    abnormal_user_rate: t('Abnormal'),
+    healthy_user_rate: 'rate_healthy(user)',
+    crashed_user_rate: 'rate_crashed(user)',
+    errored_user_rate: 'rate_errored(user)',
+    abnormal_user_rate: 'rate_abnormal(user)',
   };
 
   return (

static/app/views/insights/sessions/views/overview.tsx

@@ -54,17 +54,17 @@ export function SessionsOverview() {
         </ModuleLayout.Third>
       ) : undefined}
       <ModuleLayout.Third>
-        <SessionHealthCountChart view={view} />
+        <SessionHealthCountChart />
       </ModuleLayout.Third>
       <ModuleLayout.Third>
-        <UserHealthCountChart view={view} />
+        <UserHealthCountChart />
       </ModuleLayout.Third>
       <ModuleLayout.Third />
       <ModuleLayout.Third>
-        <SessionHealthRateChart view={view} />
+        <SessionHealthRateChart />
       </ModuleLayout.Third>
       <ModuleLayout.Third>
-        <UserHealthRateChart view={view} />
+        <UserHealthRateChart />
       </ModuleLayout.Third>
     </Fragment>
   );