Merge pull request #11898 from divyanshiGupta/Bug#2107469

Bug 2107469: Fix service-binding modal sub-title text when the target is available

frontend/packages/console-app/locales/en/console-app.json

@@ -196,6 +196,7 @@
   "No bindable services available": "No bindable services available",
   "To create a Service binding, first create a bindable service.": "To create a Service binding, first create a bindable service.",
   "Select Service": "Select Service",
+  "Connect <1>{{sourceName}}</1> to service <3>{{targetName}}</3>.": "Connect <1>{{sourceName}}</1> to service <3>{{targetName}}</3>.",
   "Select a service to connect to.": "Select a service to connect to.",
   "Create": "Create",
   "Required": "Required",

frontend/packages/console-app/src/components/modals/service-binding/CreateServiceBindingForm.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { TextInputTypes, Title } from '@patternfly/react-core';
 import { FormikProps, FormikValues } from 'formik';
 import * as _ from 'lodash';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import FormSection from '@console/dev-console/src/components/import/section/FormSection';
 import {
   ModalTitle,
@@ -30,12 +30,24 @@ const CreateServiceBindingForm: React.FC<FormikProps<FormikValues> &
   errors,
 }) => {
   const { t } = useTranslation();
+
+  const sourceName = source.metadata.name;
+  const targetName = target?.metadata?.name;
+
+  const title = target ? (
+    <Trans t={t} ns="console-app">
+      Connect <b>{{ sourceName }}</b> to service <b>{{ targetName }}</b>.
+    </Trans>
+  ) : (
+    t('console-app~Select a service to connect to.')
+  );
+
   return (
     <form onSubmit={handleSubmit} className="modal-content">
       <ModalTitle>{t('console-app~Create Service Binding')}</ModalTitle>
       <ModalBody>
         <Title headingLevel="h2" size="md" className="co-m-form-row">
-          {t('console-app~Select a service to connect to.')}
+          {title}
         </Title>
         <FormSection fullWidth>
           <InputField