chore: code refactoring

Author: shivani170

src/components/ClusterNodes/ClusterListRow.tsx

@@ -84,6 +84,8 @@ export const ClusterListRow = ({
     }
     const isIdentifierSelected = !!bulkSelectionState[clusterData.name]
 
+    // TODO: @Elessar1802 will be replacing all terminal url with new utils
+
     return (
         <div
             key={`cluster-${clusterData.id}`}
@@ -105,7 +107,6 @@ export const ClusterListRow = ({
                     value={CHECKBOX_VALUE.CHECKED}
                 />
             </div>
-
             {!isIdentifierSelected && getSelectedIdentifiersCount() === 0 && (
                 <div className="dc__visible-hover--hide-child flex left">
                     <Icon name="ic-bg-cluster" color={null} size={24} />
@@ -148,9 +149,7 @@ export const ClusterListRow = ({
                     </div>
                 </div>
             </div>
-
             {renderClusterStatus(clusterData)}
-
             <div className="child-shimmer-loading">
                 {hideDataOnLoad(clusterData.isProd ? CLUSTER_PROD_TYPE.PRODUCTION : CLUSTER_PROD_TYPE.NON_PRODUCTION)}
             </div>

src/components/ClusterNodes/ClusterSelectionList.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { useMemo, useState } from 'react'
+import React, { useMemo, useRef, useState } from 'react'
 import dayjs, { Dayjs } from 'dayjs'
 
 import {
@@ -57,8 +57,9 @@ const ClusterSelectionList: React.FC<ClusterSelectionType> = ({
     clusterListLoader,
     initialLoading,
     refreshData,
-    parentRef,
 }) => {
+    const parentRef = useRef<HTMLDivElement>(null)
+
     const [lastSyncTime, setLastSyncTime] = useState<Dayjs>(dayjs())
     const [showKubeConfigModal, setKubeConfigModal] = useState(false)
     const [selectedClusterName, setSelectedClusterName] = useState('')

src/components/ResourceBrowser/ResourceBrowser.tsx

@@ -35,7 +35,6 @@ import { AddClusterButton } from './PageHeader.buttons'
 
 const ResourceBrowser: React.FC = () => {
     const abortControllerRef = useRef<AbortController>(new AbortController())
-    const parentRef = useRef<HTMLDivElement>(null)
 
     const [detailClusterListLoading, detailClusterList, , reloadDetailClusterList] = useAsync(async () => {
         try {
@@ -77,7 +76,6 @@ const ResourceBrowser: React.FC = () => {
                 clusterListLoader={detailClusterListLoading}
                 initialLoading={initialLoading}
                 refreshData={reloadDetailClusterList}
-                parentRef={parentRef}
             />
         )
     }

src/components/ResourceBrowser/Types.ts

@@ -79,7 +79,6 @@ export interface ClusterSelectionType {
     clusterListLoader: boolean
     initialLoading: boolean
     refreshData: () => void
-    parentRef: React.RefObject<HTMLDivElement>
 }
 
 export interface CreateResourceType {