feat(issue-details): Add config for hiding search bar (#103193)

Author: malwilley

static/app/utils/issueTypeConfig/index.tsx

@@ -47,7 +47,7 @@ const BASE_CONFIG: IssueTypeConfig = {
   },
   defaultTimePeriod: {sinceFirstSeen: true},
   header: {
-    filterBar: {enabled: true, fixedEnvironment: false},
+    filterBar: {enabled: true, fixedEnvironment: false, searchBar: {enabled: true}},
     graph: {enabled: true, type: 'discover-events'},
     tagDistribution: {enabled: true},
     occurrenceSummary: {enabled: false},

static/app/utils/issueTypeConfig/metricConfig.tsx

@@ -105,7 +105,7 @@ const metricConfig: IssueCategoryConfigMapping = {
       ctaText: t('View monitor details'),
     },
     header: {
-      filterBar: {enabled: true, fixedEnvironment: true},
+      filterBar: {enabled: true, fixedEnvironment: true, searchBar: {enabled: false}},
       graph: {enabled: true, type: 'detector-history'},
       tagDistribution: {enabled: false},
       occurrenceSummary: {enabled: false},

static/app/utils/issueTypeConfig/types.tsx

@@ -71,6 +71,8 @@ export type IssueTypeConfig = {
     filterBar: DisabledWithReasonConfig & {
       // Display the environment filter in an inactive, locked state
       fixedEnvironment?: boolean;
+      // The search bar can be hidden if the issue type does not support event filtering
+      searchBar?: DisabledWithReasonConfig;
     };
     graph: DisabledWithReasonConfig & {
       type?: 'detector-history' | 'discover-events' | 'cron-checks' | 'uptime-checks';

static/app/views/issueDetails/streamline/eventDetailsHeader.tsx

@@ -96,6 +96,7 @@ export function EventDetailsHeader({group, event, project}: EventDetailsHeaderPr
   }
 
   const FilterBar = theme.isChonk ? PageFilterBar : StyledPageFilterBar;
+  const searchBarEnabled = issueTypeConfig.header.filterBar.searchBar?.enabled !== false;
 
   return (
     <PageErrorBoundary mini message={t('There was an error loading the event filters')}>
@@ -174,22 +175,24 @@ export function EventDetailsHeader({group, event, project}: EventDetailsHeaderPr
                     }}
                   />
                 </FilterBar>
-                <EventSearch
-                  group={group}
-                  handleSearch={query => {
-                    navigate(
-                      {...location, query: {...location.query, query}},
-                      {replace: true}
-                    );
-                  }}
-                  environments={environments}
-                  query={searchQuery}
-                  queryBuilderProps={{
-                    disallowFreeText: true,
-                    placeholder: searchText,
-                    label: searchText,
-                  }}
-                />
+                {searchBarEnabled && (
+                  <EventSearch
+                    group={group}
+                    handleSearch={query => {
+                      navigate(
+                        {...location, query: {...location.query, query}},
+                        {replace: true}
+                      );
+                    }}
+                    environments={environments}
+                    query={searchQuery}
+                    queryBuilderProps={{
+                      disallowFreeText: true,
+                      placeholder: searchText,
+                      label: searchText,
+                    }}
+                  />
+                )}
               </Grid>
               <ToggleSidebar />
             </Flex>