ref(issues): Remove InterimSection

static/app/components/events/breadcrumbs/breadcrumbsDataSection.tsx

@@ -33,7 +33,7 @@ import {trackAnalytics} from 'sentry/utils/analytics';
 import {useLocalStorageState} from 'sentry/utils/useLocalStorageState';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface BreadcrumbsDataSectionProps {
   event: Event;
@@ -164,11 +164,9 @@ export function BreadcrumbsDataSection({
   const numHiddenCrumbs = enhancedCrumbs.length - summaryCrumbs.length;
 
   return (
-    <InterimSection
-      key="breadcrumbs"
-      type={SectionKey.BREADCRUMBS}
+    <FoldSection
+      sectionKey={SectionKey.BREADCRUMBS}
       title={t('Breadcrumbs')}
-      data-test-id="breadcrumbs-data-section"
       actions={actions}
       initialCollapse={initialCollapse}
     >
@@ -201,7 +199,7 @@ export function BreadcrumbsDataSection({
           </ViewAllContainer>
         )}
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }
 

static/app/components/events/contexts/contextDataSection.tsx

@@ -1,15 +1,12 @@
-import {ExternalLink} from '@sentry/scraps/link';
-
 import {ErrorBoundary} from 'sentry/components/errorBoundary';
 import {getOrderedContextItems} from 'sentry/components/events/contexts';
 import {ContextCard} from 'sentry/components/events/contexts/contextCard';
-import {CONTEXT_DOCS_LINK} from 'sentry/components/events/contexts/utils';
 import {KeyValueData} from 'sentry/components/keyValueData';
-import {t, tct} from 'sentry/locale';
+import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface ContextDataSectionProps {
   event: Event;
@@ -40,22 +37,14 @@ export function ContextDataSection({
   }
 
   return (
-    <InterimSection
-      key="context"
-      type={SectionKey.CONTEXTS}
+    <FoldSection
+      sectionKey={SectionKey.CONTEXTS}
       title={t('Contexts')}
-      help={tct(
-        'The structured context items attached to this event. [link:Learn more]',
-        {
-          link: <ExternalLink openInNewTab href={CONTEXT_DOCS_LINK} />,
-        }
-      )}
-      isHelpHoverable
       disableCollapsePersistence={disableCollapsePersistence}
     >
       <ErrorBoundary mini message={t('There was a problem loading event context.')}>
         <KeyValueData.Container>{cards}</KeyValueData.Container>
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }

static/app/components/events/device.tsx

@@ -2,7 +2,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import {isEmptyObject} from 'sentry/utils/object/isEmptyObject';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {KeyValueList} from './interfaces/keyValueList';
 
@@ -24,7 +24,7 @@ export function EventDevice({event}: Props) {
   }
 
   return (
-    <InterimSection type={SectionKey.DEVICE} title={t('Device')}>
+    <FoldSection sectionKey={SectionKey.DEVICE} title={t('Device')}>
       <KeyValueList
         shouldSort={false}
         data={[
@@ -46,6 +46,6 @@ export function EventDevice({event}: Props) {
           ...extras,
         ]}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }

static/app/components/events/eventAttachments.tsx

@@ -20,7 +20,7 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {InlineEventAttachment} from 'sentry/views/issueDetails/groupEventAttachments/inlineEventAttachment';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {Tab, TabPaths} from 'sentry/views/issueDetails/types';
 import {useGroupDetailsRoute} from 'sentry/views/issueDetails/useGroupDetailsRoute';
 
@@ -86,12 +86,12 @@ function EventAttachmentsContent({
 
   if (isError) {
     return (
-      <InterimSection type={SectionKey.ATTACHMENTS} title={t('Attachments')}>
+      <FoldSection sectionKey={SectionKey.ATTACHMENTS} title={t('Attachments')}>
         <LoadingError
           onRetry={refetch}
           message={t('An error occurred while fetching attachments')}
         />
-      </InterimSection>
+      </FoldSection>
     );
   }
 
@@ -113,8 +113,8 @@ function EventAttachmentsContent({
   };
 
   return (
-    <InterimSection
-      type={SectionKey.ATTACHMENTS}
+    <FoldSection
+      sectionKey={SectionKey.ATTACHMENTS}
       title={title}
       actions={project && group ? <ViewAllGroupAttachmentsButton /> : null}
       disableCollapsePersistence={disableCollapsePersistence}
@@ -179,7 +179,7 @@ function EventAttachmentsContent({
           ))}
         </StyledPanelTable>
       )}
-    </InterimSection>
+    </FoldSection>
   );
 }
 

static/app/components/events/eventDataSection.tsx

@@ -6,7 +6,7 @@ import {DataSection} from 'sentry/components/events/styles';
 import {QuestionTooltip} from 'sentry/components/questionTooltip';
 import {IconLink} from 'sentry/icons';
 
-export interface EventDataSectionProps {
+interface EventDataSectionProps {
   children: React.ReactNode;
   /**
    * The title of the section

static/app/components/events/eventEvidence.tsx

@@ -9,7 +9,7 @@ import {
   getIssueCategoryAndTypeFromOccurrenceType,
 } from 'sentry/utils/issueTypeConfig';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type EvidenceProps = {
   event: Event;
@@ -46,10 +46,9 @@ export function EventEvidence({
   }
 
   return (
-    <InterimSection
-      type={SectionKey.EVIDENCE}
+    <FoldSection
+      sectionKey={SectionKey.EVIDENCE}
       title={config.title}
-      help={config.helpText}
       disableCollapsePersistence={disableCollapsePersistence}
     >
       <KeyValueList
@@ -60,6 +59,6 @@ export function EventEvidence({
         }))}
         shouldSort={false}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }

static/app/components/events/eventExtraData/index.tsx

@@ -12,7 +12,7 @@ import type {Event} from 'sentry/types/event';
 import {defined} from 'sentry/utils';
 import {isEmptyObject} from 'sentry/utils/object/isEmptyObject';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {getEventExtraDataKnownDataDetails} from './getEventExtraDataKnownDataDetails';
 import type {EventExtraDataType, EventExtraData as TEventExtraData} from './types';
@@ -42,8 +42,8 @@ export function EventExtraData({event}: Props) {
   }
 
   return (
-    <InterimSection
-      type={SectionKey.EXTRA}
+    <FoldSection
+      sectionKey={SectionKey.EXTRA}
       title={t('Additional Data')}
       actions={
         <SegmentedControl
@@ -58,6 +58,6 @@ export function EventExtraData({event}: Props) {
       }
     >
       {contextBlock}
-    </InterimSection>
+    </FoldSection>
   );
 }

static/app/components/events/eventHydrationDiff/replayDiffContent.tsx

@@ -19,7 +19,7 @@ import {getReplayDiffOffsetsFromEvent} from 'sentry/utils/replays/getDiffTimesta
 import {useLoadReplayReader} from 'sentry/utils/replays/hooks/useLoadReplayReader';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface Props {
   event: Event;
@@ -37,41 +37,41 @@ export default function ReplayDiffContent({event, group, orgSlug, replaySlug}: P
   });
 
   const sectionProps = {
-    type: SectionKey.HYDRATION_DIFF,
+    sectionKey: SectionKey.HYDRATION_DIFF,
     title: t('Hydration Error Diff'),
   };
 
   return (
     <ReplayLoadingState
       readerResult={readerResult}
       renderArchived={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <ArchivedReplayAlert
             message={t('The replay for this event has been deleted.')}
           />
-        </InterimSection>
+        </FoldSection>
       )}
       renderLoading={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <StyledNegativeSpaceContainer data-test-id="replay-diff-loading-placeholder">
             <LoadingIndicator />
           </StyledNegativeSpaceContainer>
-        </InterimSection>
+        </FoldSection>
       )}
       renderError={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <MissingReplayAlert orgSlug={orgSlug} />
-        </InterimSection>
+        </FoldSection>
       )}
       renderThrottled={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <ReplayRequestsThrottledAlert />
-        </InterimSection>
+        </FoldSection>
       )}
       renderMissing={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <MissingReplayAlert orgSlug={orgSlug} />
-        </InterimSection>
+        </FoldSection>
       )}
     >
       {({replay}) => {
@@ -80,7 +80,7 @@ export default function ReplayDiffContent({event, group, orgSlug, replaySlug}: P
           event
         );
         return (
-          <InterimSection
+          <FoldSection
             {...sectionProps}
             actions={
               <OpenReplayComparisonButton
@@ -108,7 +108,7 @@ export default function ReplayDiffContent({event, group, orgSlug, replaySlug}: P
                 </DiffCompareContextProvider>
               </ReplayGroupContextProvider>
             </ErrorBoundary>
-          </InterimSection>
+          </FoldSection>
         );
       }}
     </ReplayLoadingState>

static/app/components/events/eventHydrationDiff/replayDiffSection.tsx

@@ -13,7 +13,7 @@ import type {Group} from 'sentry/types/group';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
 import {SectionDivider} from 'sentry/views/issueDetails/streamline/foldSection';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface Props {
   event: Event;
@@ -36,14 +36,14 @@ export function ReplayDiffSection({event, group, replayId}: Props) {
           replaySlug={replayId}
           LazyComponent={ReplayDiffContent}
           loadingFallback={
-            <InterimSection
-              type={SectionKey.HYDRATION_DIFF}
+            <FoldSection
+              sectionKey={SectionKey.HYDRATION_DIFF}
               title={t('Hydration Error Diff')}
             >
               <StyledNegativeSpaceContainer data-test-id="replay-diff-loading-placeholder">
                 <LoadingIndicator />
               </StyledNegativeSpaceContainer>
-            </InterimSection>
+            </FoldSection>
           }
         />
       </ReactLazyLoad>

static/app/components/events/eventInsightDiff.tsx

@@ -12,7 +12,7 @@ import {
   useSizeAnalysisComparison,
 } from 'sentry/utils/preprod/useSizeAnalysisComparison';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {InsightComparisonSection} from 'sentry/views/preprod/buildComparison/main/insightComparisonSection';
 
 type SectionProps = MetricIds & {project: Project};
@@ -50,15 +50,15 @@ function EventInsightDiffContent({baseMetricId, headMetricId, project}: SectionP
 
 function EventInsightDiffSection({baseMetricId, headMetricId, project}: SectionProps) {
   return (
-    <InterimSection title={t('Insight Diff')} type={SectionKey.INSIGHT_DIFF}>
+    <FoldSection title={t('Insight Diff')} sectionKey={SectionKey.INSIGHT_DIFF}>
       <ErrorBoundary mini>
         <EventInsightDiffContent
           project={project}
           headMetricId={headMetricId}
           baseMetricId={baseMetricId}
         />
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }
 

static/app/components/events/eventProcessingErrors.tsx

@@ -13,7 +13,7 @@ import {t, tct} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type Props = {
   event: Event;
@@ -124,15 +124,15 @@ export function EventProcessingErrors({event, project, isShare}: Props) {
   }
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey={SectionKey.PROCESSING_ERROR}
       title={t('Event Processing Errors')}
-      type={SectionKey.PROCESSING_ERROR}
     >
       <KeyValueData.Container>
         {errors.map((error, idx) => {
           return <EventErrorDescription key={idx} error={error} />;
         })}
       </KeyValueData.Container>
-    </InterimSection>
+    </FoldSection>
   );
 }