sentinel/static/app/components/events/eventStatisticalDetector/eventFunctionRegressionEvidence.tsx

import {EventDataSection} from 'sentry/components/events/eventDataSection';
import KeyValueList from 'sentry/components/events/interfaces/keyValueList';
import {t} from 'sentry/locale';
import type {Event, KeyValueListData} from 'sentry/types';
import {defined} from 'sentry/utils';
import {getFormattedDate} from 'sentry/utils/dates';

interface EventFunctionRegressionEvidenceProps {
  event: Event;
}

export function EventFunctionRegressionEvidence({
  event,
}: EventFunctionRegressionEvidenceProps) {
  const evidenceData = event.occurrence?.evidenceData;
  if (!defined(evidenceData)) {
    return null;
  }

  const data: KeyValueListData = [
    {
      key: 'function',
      subject: t('Function Name'),
      value: evidenceData?.function || t('unknown'),
    },
    {
      key: 'package',
      subject: t('Package Name'),
      value: evidenceData.package || evidenceData.module || t('unknown'),
    },
    {
      key: 'file',
      subject: t('File Name'),
      value: evidenceData.file || t('unknown'),
    },
    {
      key: 'regression',
      subject: t('Regression Date'),
      value: getFormattedDate(
        evidenceData.breakpoint * 1000,
        'MMM D, YYYY hh:mm:ss A z',
        {
          local: true,
        }
      ),
    },
  ];

  return (
    <EventDataSection title="Function Evidence" type="evidence">
      <KeyValueList data={data} shouldSort={false} />
    </EventDataSection>
  );
}