ref: remove LPQ frontend code (#94952)

Symbolicator LPQ was removed some time ago. This PR removes remaining
Frontend elements that were previously used to show users that their
symbolication task was moved into the LPQ.

Author: Litarnus

static/app/components/globalEventProcessingAlert.tsx

@@ -8,18 +8,15 @@ import {Button} from 'sentry/components/core/button';
 import {ButtonBar} from 'sentry/components/core/button/buttonBar';
 import {TabList, Tabs} from 'sentry/components/core/tabs';
 import {Tooltip} from 'sentry/components/core/tooltip';
-import GlobalEventProcessingAlert from 'sentry/components/globalEventProcessingAlert';
 import * as Layout from 'sentry/components/layouts/thirds';
 import {PageHeadingQuestionTooltip} from 'sentry/components/pageHeadingQuestionTooltip';
 import QueryCount from 'sentry/components/queryCount';
 import {SLOW_TOOLTIP_DELAY} from 'sentry/constants';
 import {IconPause, IconPlay} from 'sentry/icons';
 import {t} from 'sentry/locale';
-import {space} from 'sentry/styles/space';
 import type {InjectedRouter} from 'sentry/types/legacyReactRouter';
 import type {Organization} from 'sentry/types/organization';
 import normalizeUrl from 'sentry/utils/url/normalizeUrl';
-import useProjects from 'sentry/utils/useProjects';
 import IssueListSetAsDefault from 'sentry/views/issueList/issueListSetAsDefault';
 
 import type {QueryCounts} from './utils';
@@ -86,9 +83,7 @@ function IssueListHeader({
   onRealtimeChange,
   router,
   displayReprocessingTab,
-  selectedProjectIds,
 }: IssueListHeaderProps) {
-  const {projects} = useProjects();
   const tabs = getTabs();
   const visibleTabs = displayReprocessingTab
     ? tabs
@@ -99,9 +94,6 @@ function IssueListHeader({
   const sortParam =
     queryParms.sort === IssueSortOptions.INBOX ? undefined : queryParms.sort;
 
-  const selectedProjects = projects.filter(({id}) =>
-    selectedProjectIds.includes(Number(id))
-  );
   const realtimeTitle = realtimeActive
     ? t('Pause real-time updates')
     : t('Enable real-time updates');
@@ -134,7 +126,6 @@ function IssueListHeader({
           </DisableInDemoMode>
         </ButtonBar>
       </Layout.HeaderActions>
-      <StyledGlobalEventProcessingAlert projects={selectedProjects} />
       <StyledTabs value={tabValues.has(query) ? query : CUSTOM_TAB_VALUE}>
         <TabList hideBorder>
           {visibleTabs.map(
@@ -184,17 +175,6 @@ function IssueListHeader({
 
 export default IssueListHeader;
 
-const StyledGlobalEventProcessingAlert = styled(GlobalEventProcessingAlert)`
-  grid-column: 1/-1;
-  margin-top: ${space(1)};
-  margin-bottom: ${space(1)};
-
-  @media (min-width: ${p => p.theme.breakpoints.md}) {
-    margin-top: ${space(2)};
-    margin-bottom: 0;
-  }
-`;
-
 const StyledTabs = styled(Tabs)`
   grid-column: 1/-1;
 `;

static/app/views/issueList/header.tsx

@@ -4,7 +4,6 @@ import styled from '@emotion/styled';
 import DisableInDemoMode from 'sentry/components/acl/demoModeDisabled';
 import {Button} from 'sentry/components/core/button';
 import {DropdownMenu} from 'sentry/components/dropdownMenu';
-import GlobalEventProcessingAlert from 'sentry/components/globalEventProcessingAlert';
 import * as Layout from 'sentry/components/layouts/thirds';
 import QuestionTooltip from 'sentry/components/questionTooltip';
 import {IconEllipsis, IconPause, IconPlay, IconStar} from 'sentry/icons';
@@ -16,7 +15,6 @@ import normalizeUrl from 'sentry/utils/url/normalizeUrl';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import useOrganization from 'sentry/utils/useOrganization';
 import {useParams} from 'sentry/utils/useParams';
-import useProjects from 'sentry/utils/useProjects';
 import {useUser} from 'sentry/utils/useUser';
 import {EditableIssueViewHeader} from 'sentry/views/issueList/editableIssueViewHeader';
 import {useSelectedGroupSearchView} from 'sentry/views/issueList/issueViews/useSelectedGroupSeachView';
@@ -215,18 +213,13 @@ function IssueViewEditMenu() {
 }
 
 function IssueViewsHeader({
-  selectedProjectIds,
   title,
   description,
   realtimeActive,
   onRealtimeChange,
   headerActions,
 }: IssueViewsHeaderProps) {
-  const {projects} = useProjects();
   const prefersStackedNav = usePrefersStackedNav();
-  const selectedProjects = projects.filter(({id}) =>
-    selectedProjectIds.includes(Number(id))
-  );
   const {viewId} = useParams<{viewId?: string}>();
 
   const realtimeLabel = realtimeActive
@@ -257,24 +250,12 @@ function IssueViewsHeader({
         </StyledLayoutTitle>
       </Layout.HeaderContent>
       <Layout.HeaderActions />
-      <StyledGlobalEventProcessingAlert projects={selectedProjects} />
     </Layout.Header>
   );
 }
 
 export default IssueViewsHeader;
 
-const StyledGlobalEventProcessingAlert = styled(GlobalEventProcessingAlert)`
-  grid-column: 1/-1;
-  margin-top: ${space(1)};
-  margin-bottom: ${space(1)};
-
-  @media (min-width: ${p => p.theme.breakpoints.md}) {
-    margin-top: ${space(2)};
-    margin-bottom: 0;
-  }
-`;
-
 const StyledLayoutTitle = styled('div')`
   display: flex;
   justify-content: space-between;

static/app/views/issueList/issueViewsHeader.tsx

@@ -1394,76 +1394,6 @@ describe('IssueList', function () {
         expect(screen.queryByText(/event processing/i)).not.toBeInTheDocument();
       });
     });
-
-    describe('renders alert', function () {
-      it('for one project', async function () {
-        act(() =>
-          ProjectsStore.loadInitialData([
-            {...project, eventProcessing: {symbolicationDegraded: true}},
-          ])
-        );
-
-        render(<IssueListOverview {...routerProps} />, {
-          organization,
-
-          initialRouterConfig,
-        });
-
-        await waitFor(() => {
-          expect(
-            screen.getByText(/Event Processing for this project is currently degraded/i)
-          ).toBeInTheDocument();
-        });
-      });
-
-      it('for multiple projects', async function () {
-        const projectBar = ProjectFixture({
-          id: '3560',
-          name: 'Bar Project',
-          slug: 'project-slug-bar',
-        });
-
-        act(() =>
-          ProjectsStore.loadInitialData([
-            {
-              ...project,
-              slug: 'project-slug',
-              eventProcessing: {symbolicationDegraded: true},
-            },
-            {
-              ...projectBar,
-              slug: 'project-slug-bar',
-              eventProcessing: {symbolicationDegraded: true},
-            },
-          ])
-        );
-
-        PageFiltersStore.onInitializeUrlState(
-          {
-            projects: [Number(project.id), Number(projectBar.id)],
-            environments: [],
-            datetime: {period: '14d', start: null, end: null, utc: null},
-          },
-          new Set()
-        );
-
-        render(<IssueListOverview {...routerProps} />, {
-          organization,
-
-          initialRouterConfig,
-        });
-
-        await waitFor(() => {
-          expect(
-            screen.getByText(
-              textWithMarkupMatcher(
-                'Event Processing for the project-slug, project-slug-bar projects is currently degraded.'
-              )
-            )
-          ).toBeInTheDocument();
-        });
-      });
-    });
   });
 
   describe('new view page', function () {