integrate show logs

api/types/incident.go

@@ -41,6 +41,7 @@ type IncidentMeta struct {
 	InvolvedObjectKind      InvolvedObjectKind `json:"involved_object_kind" form:"required"`
 	InvolvedObjectName      string             `json:"involved_object_name" form:"required"`
 	InvolvedObjectNamespace string             `json:"involved_object_namespace" form:"required"`
+	ShouldViewLogs          bool               `json:"should_view_logs"`
 }
 
 type PaginationRequest struct {

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

@@ -63,6 +63,30 @@ const EventList: React.FC<Props> = ({ filters, setLogData }) => {
       });
   }, [expandedEvent]);
 
+  const redirectToLogs = (incident: any) => {
+    api
+      .getIncidentEvents(
+        "<token>",
+        {},
+        {
+          project_id: currentProject.id,
+          cluster_id: currentCluster.id,
+          incident_id: incident.id,
+        }
+      )
+      .then((res) => {
+        let podName = res.data?.events[0]?.pod_name;
+        let timestamp = res.data?.events[0]?.last_seen;
+        let revision = res.data?.events[0]?.revision;
+
+        setLogData({
+          podName,
+          timestamp,
+          revision,
+        });
+      });
+  };
+
   const renderExpandedEventMessage = () => {
     if (!expandedIncidentEvents) {
       return <Loading />;
@@ -134,14 +158,15 @@ const EventList: React.FC<Props> = ({ filters, setLogData }) => {
             accessor: "",
             width: 30,
             Cell: ({ row }: CellProps<any>) => {
+              if (!row.original.should_view_logs) {
+                return null;
+              }
+
               return (
                 <TableButton
                   width="102px"
                   onClick={() => {
-                    setLogData({
-                      podName: "hello",
-                      timestamp: row.original.last_seen,
-                    });
+                    redirectToLogs(row.original);
                   }}
                 >
                   <Icon src={document} />

dashboard/src/main/home/cluster-dashboard/expanded-chart/logs-section/LogsSection.tsx

@@ -23,6 +23,7 @@ import _ from "lodash";
 export type InitLogData = {
   podName: string;
   timestamp: string;
+  revision: string;
 };
 
 type Props = {
@@ -130,7 +131,11 @@ const LogsSection: React.FC<Props> = ({
       )
       .then((res) => {
         setPodFilterOpts(_.uniq(res.data ?? []));
-        setPodFilter(res.data[0]);
+
+        // only set pod filter if the current pod is not found in the resulting data
+        if (!res.data?.contains(podFilter)) {
+          setPodFilter(res.data[0]);
+        }
       });
   }, []);