Fix control plane type calculation for details page (stolostron#4046)

Signed-off-by: Kevin Cormier <kcormier@redhat.com>

Author: KevinFCormier

frontend/src/routes/Infrastructure/Clusters/ManagedClusters/ClusterDetails/ClusterOverview/ClusterOverview.tsx

@@ -52,6 +52,7 @@ import TemplateSummaryModal from '../../../../../../components/TemplateSummaryMo
 import { CredentialsForm } from '../../../../../Credentials/CredentialsForm'
 import { useProjects } from '../../../../../../hooks/useProjects'
 import { ClusterAction, clusterSupportsAction } from '../../utils/cluster-actions'
+import { getControlPlaneString } from '../../ManagedClusters'
 
 function getAIClusterProperties(
   clusterDeployment: ClusterDeployment,
@@ -80,23 +81,6 @@ export function ClusterOverviewPageContent() {
   const [curatorSummaryModalIsOpen, setCuratorSummaryModalIsOpen] = useState<boolean>(false)
   const { projects } = useProjects()
 
-  const renderControlPlaneType = () => {
-    if (cluster?.name === 'local-cluster') {
-      return t('Hub')
-    }
-    if (cluster?.isRegionalHubCluster) {
-      if (cluster?.isHostedCluster || cluster?.isHypershift) {
-        return t('Hub, Hosted')
-      }
-      return t('Hub')
-    }
-    if (cluster?.isHostedCluster || cluster?.isHypershift) {
-      return t('Hosted')
-    } else {
-      return t('Standalone')
-    }
-  }
-
   const clusterProperties: { [key: string]: { key: string; value?: React.ReactNode; keyAction?: React.ReactNode } } = {
     /*
       Translation hack, otherwise the text will get removed:
@@ -127,7 +111,7 @@ export function ClusterOverviewPageContent() {
     },
     clusterControlPlaneType: {
       key: t('table.clusterControlPlaneType'),
-      value: renderControlPlaneType(),
+      value: getControlPlaneString(cluster, t),
     },
     clusterClaim: {
       key: t('table.clusterClaim'),

frontend/src/routes/Infrastructure/Clusters/ManagedClusters/ManagedClusters.tsx

@@ -765,7 +765,7 @@ export function useClusterProviderColumn(): IAcmTableColumn<Cluster> {
   }
 }
 
-const getControlPlaneString = (cluster: Cluster, t: TFunction<string, undefined>) => {
+export const getControlPlaneString = (cluster: Cluster, t: TFunction<string, undefined>) => {
   const clusterHasControlPlane = () => {
     const nodeList = cluster.nodes?.nodeList
     const roleList = nodeList?.map((node: NodeInfo) => getRoles(node))