Fix stories

Author: kshmidt-digma

src/components/Agentic/IncidentDetails/IncidentSummary/IncidentSummary.stories.tsx

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react-webpack5";
 import { IncidentSummary } from ".";
+import { mockedIncidentSummaryRecords } from "./mockData";
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta: Meta<typeof IncidentSummary> = {
@@ -18,25 +19,6 @@ type Story = StoryObj<typeof IncidentSummary>;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Default: Story = {
   args: {
-    records: [
-      {
-        id: "1",
-        agent_display_name: "triager",
-        timestamp: "2023-10-01T12:00:00Z",
-        text: "Lorem ipsum dolor sit amet"
-      },
-      {
-        id: "2",
-        agent_display_name: "code resolver",
-        timestamp: "2023-10-01T12:00:00Z",
-        text: "Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-      },
-      {
-        id: "3",
-        agent_display_name: "infra resolver",
-        timestamp: "2023-10-01T12:00:00Z",
-        text: "Lorem ipsum dolor sit amet"
-      }
-    ]
+    records: mockedIncidentSummaryRecords
   }
 };

src/components/Agentic/IncidentDetails/IncidentSummary/mockData.ts

@@ -0,0 +1,22 @@
+import type { IncidentSummaryRecord } from "../../../../redux/services/types";
+
+export const mockedIncidentSummaryRecords: IncidentSummaryRecord[] = [
+  {
+    id: "1",
+    agent_display_name: "triager",
+    timestamp: "2023-10-01T12:00:00Z",
+    text: "Lorem ipsum dolor sit amet"
+  },
+  {
+    id: "2",
+    agent_display_name: "code resolver",
+    timestamp: "2023-10-01T12:00:00Z",
+    text: "Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+  },
+  {
+    id: "3",
+    agent_display_name: "infra resolver",
+    timestamp: "2023-10-01T12:00:00Z",
+    text: "Lorem ipsum dolor sit amet"
+  }
+];

src/components/Agentic/IncidentDetails/mockData.ts

@@ -1,6 +1,7 @@
 import { type GetIncidentResponse } from "../../../redux/services/types";
 import { mockedArtifacts } from "./AdditionalInfo/Artifacts/mockData";
 import { mockedIncidentIssues } from "./AdditionalInfo/RelatedIssues/mockData";
+import { mockedIncidentSummaryRecords } from "./IncidentSummary/mockData";
 
 export const mockedIncident: GetIncidentResponse = {
   id: "incident-123",
@@ -9,6 +10,7 @@ export const mockedIncident: GetIncidentResponse = {
   status: "active",
   affected_services: ["service-1", "service-2", "service-3", "service-4"],
   summary: "This is a summary of the incident.",
+  summary_timeline: mockedIncidentSummaryRecords,
   related_issues: mockedIncidentIssues,
   related_artifacts: mockedArtifacts,
   status_details: {