fix: hook PodRestart modal to k8sResourceList component

Author: Elessar1802

src/components/ResourceBrowser/ResourceList/K8SResourceList.tsx

@@ -20,6 +20,7 @@ import { useLocation, useParams } from 'react-router-dom'
 import {
     abortPreviousRequests,
     FiltersTypeEnum,
+    getAIAnalyticsEvents,
     LARGE_PAGE_SIZE_OPTIONS,
     Nodes,
     PaginationEnum,
@@ -35,6 +36,7 @@ import emptyCustomChart from '@Images/[email protected]'
 import { importComponentFromFELibrary } from '@Components/common'
 import {
     getManifestResource,
+    getPodRestartRBACPayload,
     updateManifestResourceHelmApps,
 } from '@Components/v2/appDetails/k8Resource/nodeDetail/nodeDetail.api'
 
@@ -59,6 +61,7 @@ const RESOURCE_FILTER_KEYS: Record<string, unknown> = importComponentFromFELibra
 )
 const RBBulkSelectionActions = importComponentFromFELibrary('RBBulkSelectionActions', null, 'function')
 const RBBulkOperations = importComponentFromFELibrary('RBBulkOperations', null, 'function')
+const PodRestart = importComponentFromFELibrary('PodRestart')
 
 const K8SResourceListViewWrapper = ({
     children,
@@ -235,66 +238,75 @@ export const K8SResourceList = ({
     }
 
     return (
-        <Table
-            // key={JSON.stringify(selectedResource)}
-            loading={resourceListLoader || !resourceList}
-            columns={columns}
-            rows={rows}
-            {...(RBBulkSelectionActions && !isEventListing
-                ? {
-                      bulkSelectionConfig: {
-                          BulkActionsComponent: RBBulkSelectionActions,
-                          getSelectAllDialogStatus: () => SelectAllDialogStatus.CLOSED,
-                          BulkOperationModal: RBBulkOperations,
-                          bulkOperationModalData: {
-                              selectedResource,
-                              isNodeListing,
-                              getManifestResource,
-                              updateManifestResourceHelmApps,
-                              clusterId: +clusterId,
-                              clusterName: selectedCluster?.label ?? '',
-                              handleReloadDataAfterBulkOperation: handleClearCacheAndReload,
+        <>
+            <Table
+                // key={JSON.stringify(selectedResource)}
+                loading={resourceListLoader || !resourceList}
+                columns={columns}
+                rows={rows}
+                {...(RBBulkSelectionActions && !isEventListing
+                    ? {
+                          bulkSelectionConfig: {
+                              BulkActionsComponent: RBBulkSelectionActions,
+                              getSelectAllDialogStatus: () => SelectAllDialogStatus.CLOSED,
+                              BulkOperationModal: RBBulkOperations,
+                              bulkOperationModalData: {
+                                  selectedResource,
+                                  isNodeListing,
+                                  getManifestResource,
+                                  updateManifestResourceHelmApps,
+                                  clusterId: +clusterId,
+                                  clusterName: selectedCluster?.label ?? '',
+                                  handleReloadDataAfterBulkOperation: handleClearCacheAndReload,
+                              },
+                              bulkActionsData: {
+                                  showBulkRestartOption:
+                                      window._env_.FEATURE_BULK_RESTART_WORKLOADS_FROM_RB.split(',')
+                                          .map((feat: string) => feat.trim().toUpperCase())
+                                          .indexOf(selectedResource?.gvk.Kind.toUpperCase()) > -1,
+                                  showNodeListingOptions: isNodeListing,
+                              },
                           },
-                          bulkActionsData: {
-                              showBulkRestartOption:
-                                  window._env_.FEATURE_BULK_RESTART_WORKLOADS_FROM_RB.split(',')
-                                      .map((feat: string) => feat.trim().toUpperCase())
-                                      .indexOf(selectedResource?.gvk.Kind.toUpperCase()) > -1,
-                              showNodeListingOptions: isNodeListing,
-                          },
-                      },
-                  }
-                : {})}
-            emptyStateConfig={{
-                noRowsConfig: {
-                    image: emptyCustomChart,
-                    title: `No ${selectedResource?.gvk.Kind ?? 'Resource'} found`,
-                    subTitle: `We could not find any ${selectedResource?.gvk.Kind ?? 'Resource'}. Try selecting a different cluster or namespace.`,
-                },
-            }}
-            filtersVariant={FiltersTypeEnum.URL}
-            paginationVariant={PaginationEnum.PAGINATED}
-            areColumnsConfigurable={isNodeListing}
-            id="table__gvk-resource-list"
-            additionalFilterProps={{
-                parseSearchParams: parseK8sResourceListSearchParams,
-                defaultPageSize: LARGE_PAGE_SIZE_OPTIONS[0].value,
-                initialSortKey: getDefaultSortKey(),
-            }}
-            ViewWrapper={K8SResourceListViewWrapper}
-            filter={tableFilter}
-            additionalProps={{
-                renderRefreshBar,
-                selectedResource,
-                selectedCluster,
-                addTab,
-                isNodeListing,
-                isEventListing,
-                lowercaseKindToResourceGroupMap,
-                reloadResourceListData: handleClearCacheAndReload,
-                clusterName: selectedCluster?.label ?? '',
-            }}
-            pageSizeOptions={!isNodeListing ? LARGE_PAGE_SIZE_OPTIONS : undefined}
-        />
+                      }
+                    : {})}
+                emptyStateConfig={{
+                    noRowsConfig: {
+                        image: emptyCustomChart,
+                        title: `No ${selectedResource?.gvk.Kind ?? 'Resource'} found`,
+                        subTitle: `We could not find any ${selectedResource?.gvk.Kind ?? 'Resource'}. Try selecting a different cluster or namespace.`,
+                    },
+                }}
+                filtersVariant={FiltersTypeEnum.URL}
+                paginationVariant={PaginationEnum.PAGINATED}
+                areColumnsConfigurable={isNodeListing}
+                id="table__gvk-resource-list"
+                additionalFilterProps={{
+                    parseSearchParams: parseK8sResourceListSearchParams,
+                    defaultPageSize: LARGE_PAGE_SIZE_OPTIONS[0].value,
+                    initialSortKey: getDefaultSortKey(),
+                }}
+                ViewWrapper={K8SResourceListViewWrapper}
+                filter={tableFilter}
+                additionalProps={{
+                    renderRefreshBar,
+                    selectedResource,
+                    selectedCluster,
+                    addTab,
+                    isNodeListing,
+                    isEventListing,
+                    lowercaseKindToResourceGroupMap,
+                    reloadResourceListData: handleClearCacheAndReload,
+                    clusterName: selectedCluster?.label ?? '',
+                }}
+                pageSizeOptions={!isNodeListing ? LARGE_PAGE_SIZE_OPTIONS : undefined}
+            />
+
+            {PodRestart && (
+                <PodRestart
+                    aiWidgetAnalyticsEvent={getAIAnalyticsEvents('RB_POD_RESTART')}
+                    rbacPayload={getPodRestartRBACPayload()}
+                />
+            )}
+        </>
     )
 }