chore(starfish): Remove unused failure detail code (#52229)

As far as I know, this feature isn't available anywhere. Can I remove
the code?

static/app/routes.tsx

@@ -1665,12 +1665,6 @@ function buildRoutes() {
       <IndexRoute
         component={make(() => import('sentry/views/starfish/views/webServiceView'))}
       />
-      <Route
-        path="failure-detail/:slug/"
-        component={make(
-          () => import('sentry/views/starfish/views/webServiceView/endpointFailureEvents')
-        )}
-      />
       <Route path="endpoint-overview/">
         <IndexRoute
           component={make(

static/app/views/starfish/views/webServiceView/endpointFailureEvents/eventList.tsx

@@ -1,153 +0,0 @@
-import {Fragment} from 'react';
-import styled from '@emotion/styled';
-import {Location} from 'history';
-
-import GridEditable, {GridColumnHeader} from 'sentry/components/gridEditable';
-import {Alignments} from 'sentry/components/gridEditable/sortLink';
-import Link from 'sentry/components/links/link';
-import Pagination from 'sentry/components/pagination';
-import {DEFAULT_STATS_PERIOD} from 'sentry/constants';
-import {t} from 'sentry/locale';
-import {space} from 'sentry/styles/space';
-import {NewQuery, Organization} from 'sentry/types';
-import DiscoverQuery, {
-  TableData,
-  TableDataRow,
-} from 'sentry/utils/discover/discoverQuery';
-import EventView from 'sentry/utils/discover/eventView';
-import {getFieldRenderer} from 'sentry/utils/discover/fieldRenderers';
-import {fieldAlignment} from 'sentry/utils/discover/fields';
-import {decodeScalar} from 'sentry/utils/queryString';
-import {TableColumn} from 'sentry/views/discover/table/types';
-
-type Props = {
-  httpOp: string;
-  location: Location;
-  organization: Organization;
-  transactionName: string;
-};
-
-const COLUMN_ORDER = [
-  {
-    key: 'id',
-    name: 'Event ID',
-    width: 300,
-  },
-  {
-    key: 'http.status_code',
-    name: 'HTTP Status Code',
-    width: 300,
-  },
-  {
-    key: 'timestamp',
-    name: 'Timestamp',
-  },
-];
-
-export default function EventList({
-  organization,
-  location,
-  httpOp,
-  transactionName,
-}: Props) {
-  function renderHeadCell(
-    tableMeta: TableData['meta'],
-    column: TableColumn<keyof TableDataRow>
-  ): React.ReactNode {
-    const align = fieldAlignment(column.name, column.type, tableMeta);
-    return <StyledNonLink align={align}>{column.name}</StyledNonLink>;
-  }
-
-  function renderBodyCell(
-    tableData: TableData | null,
-    column: TableColumn<keyof TableDataRow>,
-    dataRow: TableDataRow
-  ): React.ReactNode {
-    if (!tableData || !tableData.meta) {
-      return dataRow[column.key];
-    }
-    const field = String(column.key);
-    const fieldRenderer = getFieldRenderer(field, tableData.meta, false);
-    const rendered = fieldRenderer(dataRow, {organization, location});
-
-    if (column.key === 'id') {
-      return (
-        <Link to={`/performance/${dataRow.project}:${dataRow.id}`}>
-          {dataRow.id.slice(0, 8)}
-        </Link>
-      );
-    }
-
-    return rendered;
-  }
-
-  const {query} = location;
-  const hasStartAndEnd = query.start && query.end;
-  const newQuery: NewQuery = {
-    name: t('Failure Sample'),
-    projects: [],
-    start: decodeScalar(query.start),
-    end: decodeScalar(query.end),
-    range: !hasStartAndEnd
-      ? decodeScalar(query.statsPeriod) || DEFAULT_STATS_PERIOD
-      : undefined,
-    fields: ['id', 'http.status_code', 'timestamp', 'project'],
-    query: `transaction:${transactionName} http.method:${httpOp} http.status_code:[500,502,503,504,521]`,
-    orderby: '-timestamp',
-    version: 2,
-  };
-
-  const eventView = EventView.fromNewQueryWithLocation(newQuery, location);
-
-  return (
-    <div>
-      <Title>{t('Sample Events')}</Title>
-      <DiscoverQuery
-        eventView={eventView}
-        orgSlug={organization.slug}
-        location={location}
-        referrer="api.starfish.failure-event-list"
-        queryExtras={{dataset: 'discover'}}
-        limit={5}
-      >
-        {({pageLinks, isLoading, tableData}) => (
-          <Fragment>
-            <GridEditable
-              isLoading={isLoading}
-              data={tableData ? tableData.data : []}
-              columnOrder={COLUMN_ORDER}
-              columnSortBy={eventView.getSorts()}
-              grid={{
-                renderHeadCell: (column: GridColumnHeader) =>
-                  renderHeadCell(
-                    tableData?.meta,
-                    column as TableColumn<keyof TableDataRow>
-                  ),
-                renderBodyCell: (column: GridColumnHeader, dataRow: TableDataRow) =>
-                  renderBodyCell(
-                    tableData,
-                    column as TableColumn<keyof TableDataRow>,
-                    dataRow
-                  ) as any,
-              }}
-              location={location}
-            />
-
-            <Pagination pageLinks={pageLinks} />
-          </Fragment>
-        )}
-      </DiscoverQuery>
-    </div>
-  );
-}
-
-const StyledNonLink = styled('div')<{align: Alignments}>`
-  display: block;
-  width: 100%;
-  white-space: nowrap;
-  ${(p: {align: Alignments}) => (p.align ? `text-align: ${p.align};` : '')}
-`;
-
-const Title = styled('h5')`
-  margin-bottom: ${space(1)};
-`;

static/app/views/starfish/views/webServiceView/endpointFailureEvents/index.tsx

@@ -1,70 +0,0 @@
-import {RouteComponentProps} from 'react-router';
-import {Location} from 'history';
-
-import * as Layout from 'sentry/components/layouts/thirds';
-import {
-  PageErrorAlert,
-  PageErrorProvider,
-} from 'sentry/utils/performance/contexts/pageError';
-import useOrganization from 'sentry/utils/useOrganization';
-import EventList from 'sentry/views/starfish/views/webServiceView/endpointFailureEvents/eventList';
-
-type Props = {
-  location: Location;
-} & RouteComponentProps<{slug: string}, {}>;
-
-export default function EndpointFailureEvents({params, location}: Props) {
-  const slug = parseSlug(params.slug);
-  const organization = useOrganization();
-  if (!slug) {
-    return <div>ERROR</div>;
-  }
-
-  const {httpOp, transactionName} = slug || {};
-  return (
-    <Layout.Page>
-      <PageErrorProvider>
-        <Layout.Header>
-          <Layout.HeaderContent>
-            <Layout.Title>
-              {httpOp} {transactionName}
-            </Layout.Title>
-          </Layout.HeaderContent>
-        </Layout.Header>
-
-        <Layout.Body>
-          <Layout.Main fullWidth>
-            <PageErrorAlert />
-            <EventList
-              httpOp={httpOp}
-              location={location}
-              organization={organization}
-              transactionName={transactionName}
-            />
-          </Layout.Main>
-        </Layout.Body>
-      </PageErrorProvider>
-    </Layout.Page>
-  );
-}
-
-type HttpOpAndEndpoint = {
-  httpOp: string;
-  transactionName: string;
-};
-
-function parseSlug(slug?: string): HttpOpAndEndpoint | undefined {
-  if (!slug) {
-    return undefined;
-  }
-
-  const delimiterPosition = slug.lastIndexOf(':');
-  if (delimiterPosition < 0) {
-    return undefined;
-  }
-
-  const httpOp = slug.slice(0, delimiterPosition);
-  const transactionName = slug.slice(delimiterPosition + 1);
-
-  return {httpOp, transactionName};
-}