feat: Cluster terminal enhancement I2

src/components/ClusterNodes/ClusterEvents.tsx

@@ -2,11 +2,18 @@ import React, { useState, useEffect } from 'react'
 import { MESSAGING_UI } from '../../config'
 import { showError } from '../common'
 import { EventsTable } from '../v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/EventsTable'
+import { PodEventsType } from '../v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/node.type'
 import MessageUI from '../v2/common/message.ui'
 import { getClusterEvents } from './clusterNodes.service'
 
-export default function ClusterEvents({ terminalAccessId }: { terminalAccessId: number }) {
-    const [events, setEvents] = useState([])
+export default function ClusterEvents({
+    terminalAccessId,
+    reconnectStart,
+}: {
+    terminalAccessId: number
+    reconnectStart?: () => void
+}) {
+    const [events, setEvents] = useState<PodEventsType>()
     const [loading, setLoading] = useState<boolean>(true)
     const [isResourceMissing, setResourceMissing] = useState(false)
 
@@ -15,12 +22,13 @@ export default function ClusterEvents({ terminalAccessId }: { terminalAccessId:
             getClusterEvents(terminalAccessId)
                 .then((response) => {
                     setLoading(false)
-                    const events = response.result?.events.items
+                    const events = response.result
                     setEvents(events)
                 })
                 .catch((error) => {
                     showError(error)
-                }).finally(() => {
+                })
+                .finally(() => {
                     setLoading(false)
                 })
         } else {
@@ -32,6 +40,11 @@ export default function ClusterEvents({ terminalAccessId }: { terminalAccessId:
     return isResourceMissing ? (
         <MessageUI msg={MESSAGING_UI.NO_EVENTS} size={24} />
     ) : (
-        <EventsTable loading={loading} eventsList={events} />
+        <EventsTable
+            loading={loading}
+            eventsList={events?.eventsResponse?.events.items}
+            errorValue={events}
+            reconnect={reconnectStart}
+        />
     )
 }

src/components/ClusterNodes/ClusterList.tsx

@@ -4,7 +4,7 @@ import { useRouteMatch } from 'react-router'
 import { ReactComponent as Search } from '../../assets/icons/ic-search.svg'
 import { ReactComponent as Clear } from '../../assets/icons/ic-error.svg'
 import { getClusterList } from './clusterNodes.service'
-import { handleUTCTime, Progressing, filterImageList, showError } from '../common'
+import { handleUTCTime, Progressing, filterImageList, showError, createGroupSelectList } from '../common'
 import { ClusterDetail, ClusterListResponse, ClusterListType } from './types'
 import PageHeader from '../common/header/PageHeader'
 import { toast } from 'react-toastify'
@@ -31,7 +31,7 @@ export default function ClusterList({ imageList, isSuperAdmin, namespaceList }:
     const [searchApplied, setSearchApplied] = useState(false)
     const [showTerminalModal, setShowTerminal] = useState(false)
     const [terminalclusterData, setTerminalCluster] = useState<ClusterDetail>()
-
+    
     const getData = () => {
         setLoader(true)
         getClusterList()
@@ -259,7 +259,7 @@ export default function ClusterList({ imageList, isSuperAdmin, namespaceList }:
                 <ClusterTerminal
                     clusterId={terminalclusterData.id}
                     clusterName={terminalclusterData.name}
-                    nodeList={terminalclusterData.nodeNames}
+                    nodeGroups={createGroupSelectList(terminalclusterData?.nodeDetails,'nodeName')}
                     closeTerminal={closeTerminal}
                     clusterImageList={nodeImageList}
                     namespaceList={namespaceList[terminalclusterData.name]}