initial integration for events

api/types/incident.go

@@ -36,6 +36,7 @@ type IncidentMeta struct {
 	LastSeen                *time.Time         `json:"last_seen" form:"required"`
 	Status                  IncidentStatus     `json:"status" form:"required"`
 	Summary                 string             `json:"summary" form:"required"`
+	ShortSummary            string             `json:"short_summary"`
 	Severity                SeverityType       `json:"severity" form:"required"`
 	InvolvedObjectKind      InvolvedObjectKind `json:"involved_object_kind" form:"required"`
 	InvolvedObjectName      string             `json:"involved_object_name" form:"required"`

dashboard/src/main/home/cluster-dashboard/expanded-chart/events/EventList.tsx

@@ -25,6 +25,8 @@ const EventList: React.FC<Props> = ({ filters }) => {
   const { currentProject, currentCluster } = useContext(Context);
   const [events, setEvents] = useState([]);
   const [expandedEvent, setExpandedEvent] = useState(null);
+  const [expandedEventDetails, setExpandedEventDetails] = useState(null);
+  const [expandedIncidentEvents, setExpandedIncidentEvents] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
@@ -35,151 +37,43 @@ const EventList: React.FC<Props> = ({ filters }) => {
       })
       .then((res) => {
         setEvents(res.data.incidents);
+        setIsLoading(false);
       });
-    // Dummy event list query
-    // setTimeout(() => {
-    //   const events = [
-    //     {
-    //       "id": "e0311c9231eea5c47e8bb83cc10faf2b",
-    //       "release_name": "deployment-invalid-image",
-    //       "release_namespace": "default",
-    //       "chart_name": "worker",
-    //       "created_at": "2022-10-06T17:56:06.834088422Z",
-    //       "updated_at": "2022-10-07T19:32:33.842552438Z",
-    //       "last_seen": "2022-10-06T17:55:50Z",
-    //       "status": "active",
-    //       "summary": "The application has an invalid image",
-    //       "severity": "normal",
-    //       "involved_object_kind": "pod",
-    //       "involved_object_name": "deployment-invalid-image-worker-cf976b476-h782c",
-    //       "involved_object_namespace": "default"
-    //     },
-    //     {
-    //       "id": "6818ee8df06db55c310c24a6b0c17cfd",
-    //       "release_name": "oom-killed",
-    //       "release_namespace": "default",
-    //       "chart_name": "web",
-    //       "created_at": "2022-10-05T17:13:45.563510898Z",
-    //       "updated_at": "2022-10-07T19:32:02.580935074Z",
-    //       "last_seen": "2022-10-05T17:59:10Z",
-    //       "status": "active",
-    //       "summary": "The application ran out of memory",
-    //       "severity": "critical",
-    //       "involved_object_kind": "Deployment",
-    //       "involved_object_name": "oom-killed-web",
-    //       "involved_object_namespace": "default"
-    //     },
-    //     {
-    //       "id": "00f3b38dd0b2adc2ce0bab9586d487b5",
-    //       "release_name": "non-zero-exit-code",
-    //       "release_namespace": "default",
-    //       "chart_name": "web",
-    //       "created_at": "2022-10-05T18:31:07.80325966Z",
-    //       "updated_at": "2022-10-07T19:31:34.591091925Z",
-    //       "last_seen": "2022-10-05T18:31:07Z",
-    //       "status": "active",
-    //       "summary": "The application exited with a non-zero exit code",
-    //       "severity": "normal",
-    //       "involved_object_kind": "pod",
-    //       "involved_object_name": "non-zero-exit-code-web-797d5ddb64-g5d7x",
-    //       "involved_object_namespace": "default"
-    //     },
-    //     {
-    //       "id": "c435fe96260e472af9808013687a876c",
-    //       "release_name": "multi-replica-failure-less",
-    //       "release_namespace": "default",
-    //       "chart_name": "worker",
-    //       "created_at": "2022-10-07T15:05:16.823354171Z",
-    //       "updated_at": "2022-10-07T19:31:29.840878022Z",
-    //       "last_seen": "2022-10-07T15:09:17Z",
-    //       "status": "active",
-    //       "summary": "The application exited with a non-zero exit code",
-    //       "severity": "critical",
-    //       "involved_object_kind": "Deployment",
-    //       "involved_object_name": "multi-replica-failure-less-worker",
-    //       "involved_object_namespace": "default"
-    //     },
-    //     {
-    //       "id": "d9aec89e437617f28de47ab700c92cb4",
-    //       "release_name": "multi-replica-failure-more",
-    //       "release_namespace": "default",
-    //       "chart_name": "worker",
-    //       "created_at": "2022-10-07T15:08:21.405351792Z",
-    //       "updated_at": "2022-10-07T19:31:14.773187536Z",
-    //       "last_seen": "2022-10-07T19:25:06Z",
-    //       "status": "active",
-    //       "summary": "The application exited with a non-zero exit code",
-    //       "severity": "critical",
-    //       "involved_object_kind": "Deployment",
-    //       "involved_object_name": "multi-replica-failure-more-worker",
-    //       "involved_object_namespace": "default"
-    //     },
-    //     {
-    //       "id": "f7f2021acb0e5fd104fb30b8c914a563",
-    //       "release_name": "oom-killed-2",
-    //       "release_namespace": "default",
-    //       "chart_name": "web",
-    //       "created_at": "2022-10-05T18:00:45.655719615Z",
-    //       "updated_at": "2022-10-07T19:28:38.571531252Z",
-    //       "last_seen": "2022-10-05T18:00:44Z",
-    //       "status": "active",
-    //       "summary": "The application ran out of memory",
-    //       "severity": "critical",
-    //       "involved_object_kind": "deployment",
-    //       "involved_object_name": "oom-killed-2-web",
-    //       "involved_object_namespace": "default"
-    //     },
-    //     {
-    //       "id": "fa76cfb2daa58649e6aa7dc47262f632",
-    //       "release_name": "deployment-bad-image-tag",
-    //       "release_namespace": "default",
-    //       "chart_name": "worker",
-    //       "created_at": "2022-10-06T17:51:04.846528578Z",
-    //       "updated_at": "2022-10-07T19:28:11.835881268Z",
-    //       "last_seen": "2022-10-06T17:50:46Z",
-    //       "status": "active",
-    //       "summary": "The application has an invalid image",
-    //       "severity": "normal",
-    //       "involved_object_kind": "pod",
-    //       "involved_object_name": "deployment-bad-image-tag-worker-5f676bdb9-q4d7w",
-    //       "involved_object_namespace": "default"
-    //     },
-    //     {
-    //       "id": "b58f6e28bc3884f50cb60c93b8427cb2",
-    //       "release_name": "deployment-stuck-longtime",
-    //       "release_namespace": "default",
-    //       "chart_name": "worker",
-    //       "created_at": "2022-10-07T15:04:23.807783654Z",
-    //       "updated_at": "2022-10-07T17:41:27.155369452Z",
-    //       "last_seen": "2022-10-07T15:04:23.695228777Z",
-    //       "status": "active",
-    //       "summary": "The application cannot be scheduled",
-    //       "severity": "critical",
-    //       "involved_object_kind": "deployment",
-    //       "involved_object_name": "deployment-stuck-longtime-worker",
-    //       "involved_object_namespace": "default"
-    //     },
-    //     {
-    //       "id": "6c6cc62a398d831bfddb6ef5faceafa9",
-    //       "release_name": "failing-job-run",
-    //       "release_namespace": "default",
-    //       "chart_name": "job",
-    //       "created_at": "2022-10-07T16:43:06.025081995Z",
-    //       "updated_at": "2022-10-07T17:29:02.722048271Z",
-    //       "last_seen": "2022-10-07T16:43:48Z",
-    //       "status": "active",
-    //       "summary": "The application has an invalid start command",
-    //       "severity": "normal",
-    //       "involved_object_kind": "Job",
-    //       "involved_object_name": "failing-job-run-dr1vbs563d",
-    //       "involved_object_namespace": "default"
-    //     }
-    //   ];
-    //   setEvents(events);
-    setIsLoading(false);
-    // }, 1000);
   }, []);
 
+  useEffect(() => {
+    if (!expandedEvent) {
+      return;
+    }
+
+    api
+      .getIncidentEvents(
+        "<token>",
+        {},
+        {
+          project_id: currentProject.id,
+          cluster_id: currentCluster.id,
+          incident_id: expandedEvent.id,
+        }
+      )
+      .then((res) => {
+        setExpandedIncidentEvents(res.data.events);
+      });
+  }, [expandedEvent]);
+
+  const renderExpandedEventMessage = () => {
+    if (!expandedIncidentEvents) {
+      return <Loading />;
+    }
+
+    return (
+      <Message>
+        <img src={document} />
+        {expandedIncidentEvents[0].detail}
+      </Message>
+    );
+  };
+
   const columns = React.useMemo(
     () => [
       {
@@ -205,7 +99,7 @@ const EventList: React.FC<Props> = ({ filters }) => {
           },
           {
             Header: "Summary",
-            accessor: "summary",
+            accessor: "short_summary",
             width: 270,
           },
           {
@@ -273,10 +167,7 @@ const EventList: React.FC<Props> = ({ filters }) => {
               <Capitalize>{expandedEvent.severity}</Capitalize>
             </InfoTab>
           </InfoRow>
-          <Message>
-            <img src={document} /> This is a placeholder message where event
-            details should be.
-          </Message>
+          {renderExpandedEventMessage()}
         </Modal>
       )}
       {isLoading ? (

dashboard/src/shared/api.tsx

@@ -1787,61 +1787,6 @@ const getPreviousLogsForContainer = baseApi<
     `/api/projects/${project_id}/clusters/${cluster_id}/namespaces/${namespace}/pod/${name}/previous_logs`
 );
 
-const getIncidents = baseApi<
-  {},
-  {
-    project_id: number;
-    cluster_id: number;
-  }
->(
-  "GET",
-  ({ project_id, cluster_id }) =>
-    `/api/projects/${project_id}/clusters/${cluster_id}/incidents`
-);
-
-const getIncidentsByReleaseName = baseApi<
-  {
-    namespace: string;
-    release_name: string;
-  },
-  {
-    project_id: number;
-    cluster_id: number;
-  }
->(
-  "GET",
-  ({ project_id, cluster_id }) =>
-    `/api/projects/${project_id}/clusters/${cluster_id}/incidents`
-);
-
-const getIncidentById = baseApi<
-  {
-    incident_id: string;
-  },
-  {
-    project_id: number;
-    cluster_id: number;
-  }
->(
-  "GET",
-  ({ project_id, cluster_id }) =>
-    `/api/projects/${project_id}/clusters/${cluster_id}/incidents`
-);
-
-const getIncidentLogsByLogId = baseApi<
-  {
-    log_id: string;
-  },
-  {
-    project_id: number;
-    cluster_id: number;
-  }
->(
-  "GET",
-  ({ project_id, cluster_id }) =>
-    `/api/projects/${project_id}/clusters/${cluster_id}/incidents/logs`
-);
-
 const upgradePorterAgent = baseApi<
   {},
   { project_id: number; cluster_id: number }
@@ -2057,6 +2002,32 @@ const listIncidents = baseApi<
     `/api/projects/${project_id}/clusters/${cluster_id}/incidents`
 );
 
+const getIncident = baseApi<
+  {},
+  {
+    project_id: number;
+    cluster_id: number;
+    incident_id: string;
+  }
+>(
+  "GET",
+  ({ project_id, cluster_id, incident_id }) =>
+    `/api/projects/${project_id}/clusters/${cluster_id}/incidents/${incident_id}`
+);
+
+const getIncidentEvents = baseApi<
+  {},
+  {
+    project_id: number;
+    cluster_id: number;
+    incident_id: string;
+  }
+>(
+  "GET",
+  ({ project_id, cluster_id, incident_id }) =>
+    `/api/projects/${project_id}/clusters/${cluster_id}/incidents/${incident_id}/events`
+);
+
 // STACKS
 
 const createStack = baseApi<
@@ -2402,10 +2373,6 @@ export default {
   provisionDatabase,
   getDatabases,
   getPreviousLogsForContainer,
-  getIncidents,
-  getIncidentsByReleaseName,
-  getIncidentById,
-  getIncidentLogsByLogId,
   upgradePorterAgent,
   deletePRDeployment,
   updateBuildConfig,
@@ -2422,6 +2389,8 @@ export default {
   getLogPodValues,
   getLogs,
   listIncidents,
+  getIncident,
+  getIncidentEvents,
   // STACKS
   listStacks,
   getStack,