ref(related_issues): Make the code a bit more clear

Author: armenzg

static/app/views/issueDetails/groupEventCarousel.tsx

@@ -426,6 +426,7 @@ export function GroupEventCarousel({event, group, projectSlug}: GroupEventCarous
             )}
           </EventIdAndTimeContainer>
         </EventHeading>
+        {/* Once trace-related issues are GA, we will remove this */}
         {issueTypeConfig.traceTimeline && !isRelatedIssuesEnabled ? (
           <TraceLink event={event} />
         ) : null}

static/app/views/issueDetails/groupEventHeader.tsx

@@ -26,23 +26,23 @@ function GroupEventHeader({event, group, project}: GroupEventHeaderProps) {
     'related-issues-issue-details-page'
   );
   // This is also called within the TraceTimeline component but caching will save a second call
-  const {isError, isLoading, oneOtherIssueEvent} = useTraceTimelineEvents({
+  const {oneOtherIssueEvent} = useTraceTimelineEvents({
     event,
   });
-  const readyToShow = !isLoading && !isError;
 
   return (
     <StyledDataSection>
       <GroupEventCarousel group={group} event={event} projectSlug={project.slug} />
-      {isRelatedIssuesEnabled && readyToShow && oneOtherIssueEvent === undefined && (
-        <TraceLink event={event} />
-      )}
       {isRelatedIssuesEnabled && oneOtherIssueEvent && (
         <StyledTraceLink>
           One other issue appears in the same trace.
-          {readyToShow && <TraceLink event={event} />}
+          <TraceLink event={event} />
         </StyledTraceLink>
       )}
+      {/* This will be the default when we have GAed related issues  */}
+      {isRelatedIssuesEnabled && oneOtherIssueEvent === undefined && (
+        <TraceLink event={event} />
+      )}
       {issueTypeConfig.traceTimeline && <TraceTimeline event={event} />}
       <StyledGlobalAppStoreConnectUpdateAlert
         project={project}