Replace link to login command page with text instructions (stolostron#4015)

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

Author: KevinFCormier

frontend/public/locales/en/translation.json

@@ -810,6 +810,7 @@
   "Copy button": "Copy button",
   "Copy this private URL to share": "Copy this private URL to share",
   "Copy to clipboard": "Copy to clipboard",
+  "copy.login.command.instructions": "Use the masthead to access the <bold>Copy login command</bold> option under your user profile. Run the provided <code>oc login</code> command to log in.",
   "Core": "Core",
   "Could not find the AgentClusterInstall resource.": "Could not find the AgentClusterInstall resource.",
   "Could not process request because of invalid data.": "Could not process request because of invalid data.",
@@ -1700,7 +1701,6 @@
   "Local placement": "Local placement",
   "Location": "Location",
   "Log in to OpenShift Container Platform": "Log in to OpenShift Container Platform",
-  "Log in to OpenShift Container Platform.": "Log in to OpenShift Container Platform.",
   "Logs": "Logs",
   "low": "low",
   "Low": "Low",
@@ -2306,7 +2306,6 @@
   "Run an OpenShift cluster where the control plane and data plane are coupled. The control plane is hosted by a dedicated group of physical or virtual nodes and the network stack is shared.": "Run an OpenShift cluster where the control plane and data plane are coupled. The control plane is hosted by a dedicated group of physical or virtual nodes and the network stack is shared.",
   "Run an OpenShift cluster where the control plane is decoupled from the data plane, and is treated like a multi-tenant workload on a hosting service cluster. The data plane is on a separate network domain that allows segmentation between management and workload traffic.": "Run an OpenShift cluster where the control plane is decoupled from the data plane, and is treated like a multi-tenant workload on a hosting service cluster. The data plane is on a separate network domain that allows segmentation between management and workload traffic.",
   "Run command": "Run command",
-  "Run the following `oc login` command": "Run the following `oc login` command",
   "S3 Bucket": "S3 Bucket",
   "save": "Save",
   "Save": "Save",

frontend/src/routes/Infrastructure/Clusters/ManagedClusters/CreateCluster/components/assisted-installer/hypershift/HypershiftAWSCLI.test.tsx

@@ -4,7 +4,7 @@ import { MemoryRouter, Route, Routes } from 'react-router-dom-v5-compat'
 import { RecoilRoot } from 'recoil'
 import { nockGet, nockIgnoreApiPaths } from '../../../../../../../../lib/nock-util'
 import { mockOpenShiftConsoleConfigMap } from '../../../../../../../../lib/test-metadata'
-import { clickByText, waitForNocks, waitForTestId, waitForText } from '../../../../../../../../lib/test-util'
+import { waitForNocks, waitForTestId, waitForText } from '../../../../../../../../lib/test-util'
 import { NavigationPath } from '../../../../../../../../NavigationPath'
 import { HypershiftAWSCLI } from './HypershiftAWSCLI'
 
@@ -33,6 +33,6 @@ describe('HypershiftAWSCLI', () => {
     // find code block
     await waitForTestId('code-content')
     await waitForTestId('helper-command')
-    await clickByText('Run the following `oc login` command')
+    await waitForText('Copy login command')
   })
 })

frontend/src/routes/Infrastructure/Clusters/ManagedClusters/CreateCluster/components/assisted-installer/hypershift/HypershiftAWSCLI.tsx

@@ -105,7 +105,7 @@ hcp create cluster aws \\
       title: t('Create the Hosted Control Plane'),
       content: (
         <Fragment>
-          <Text component={TextVariants.h4}>{t('Log in to OpenShift Container Platform.')}</Text>
+          <Text component={TextVariants.h4}>{t('Log in to OpenShift Container Platform')}</Text>
           {GetOCLogInCommand()}
           <Text component={TextVariants.h4}>{t('Run command')}</Text>
           <Text component={TextVariants.p}>

frontend/src/routes/Infrastructure/Clusters/ManagedClusters/CreateCluster/components/assisted-installer/hypershift/common/common.tsx

@@ -2,7 +2,7 @@
 
 import { ClipboardCopyButton, CodeBlockAction, Text, TextVariants } from '@patternfly/react-core'
 import { Fragment, useState } from 'react'
-import { useTranslation } from '../../../../../../../../../lib/acm-i18next'
+import { Trans, useTranslation } from '../../../../../../../../../lib/acm-i18next'
 
 export function Actions(code: string, id: string) {
   const { t } = useTranslation()
@@ -33,16 +33,9 @@ export function Actions(code: string, id: string) {
 }
 
 export function GetOCLogInCommand() {
-  const { t } = useTranslation()
   return (
-    <Text
-      component={TextVariants.a}
-      onClick={() => {
-        window.open(window.SERVER_FLAGS?.requestTokenURL)
-      }}
-      target="_blank"
-    >
-      {t('Run the following `oc login` command')}
+    <Text component={TextVariants.p}>
+      <Trans i18nKey="copy.login.command.instructions" components={{ bold: <strong />, code: <code /> }} />
     </Text>
   )
 }