fix(service-incidents): Find incidents with components in updates (#102412)

Author: evanpurkhiser

static/app/types/system.tsx

@@ -368,10 +368,6 @@ interface StatusPageAffectedComponent {
 }
 
 export interface StatusPageIncidentUpdate {
-  /**
-   * Components affected by the update
-   */
-  affected_components: StatusPageAffectedComponent[];
   /**
    * Message to display for this update
    */
@@ -400,6 +396,10 @@ export interface StatusPageIncidentUpdate {
    * ISO Update update time
    */
   updated_at: string;
+  /**
+   * Components affected by the update
+   */
+  affected_components?: StatusPageAffectedComponent[];
 }
 
 // See: https://doers.statuspage.io/api/v2/incidents/

static/app/utils/useServiceIncidents.tsx

@@ -66,8 +66,14 @@ export function useServiceIncidents({
       }
       if (componentFilter) {
         filteredIncidents =
-          incidents?.filter(inc =>
-            inc.components.some(comp => componentFilter.includes(comp.id))
+          incidents?.filter(
+            inc =>
+              // Find incidents that include any of the componentFilter
+              inc.components.some(c => componentFilter.includes(c.id)) ||
+              // Find any incident with an update that includes any of the componentFilter.
+              inc.incident_updates.some(update =>
+                update.affected_components?.some(c => componentFilter.includes(c.code))
+              )
           ) ?? null;
       }