Merge pull request #880 from debjyoti-pandit/Bug-2210040

Bug 2210040: added the section heading for deployment details in topology view
red-hat-storage · Jun 23, 2023 · 4241c81 · 4241c81
2 parents a3160af + 13c9e81
commit 4241c81
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/locales/en/plugin__odf-console.json b/locales/en/plugin__odf-console.json
@@ -1049,6 +1049,7 @@
   "Subscription": "Subscription",
   "Subscriptions": "Subscriptions",
   "Project": "Project",
+  "Deployment details": "Deployment details",
   "Metrics": "Metrics",
   "CPU usage": "CPU usage",
   "Receive bandwidth": "Receive bandwidth",

diff --git a/packages/shared/topology/sidebar/deployments/DeploymentDetails.tsx b/packages/shared/topology/sidebar/deployments/DeploymentDetails.tsx
@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { ResourceSummary } from '@odf/shared/details-page/DetailsPage';
+import { SectionHeading } from '@odf/shared/heading/page-heading';
 import { DeploymentModel } from '@odf/shared/models';
 import { DeploymentKind } from '@odf/shared/types';
+import { useCustomTranslation } from '@odf/shared/useCustomTranslationHook';
 
 type DeploymentDetailsProps = {
   resource: DeploymentKind;
@@ -10,8 +12,10 @@ type DeploymentDetailsProps = {
 export const DeploymentDetails: React.FC<DeploymentDetailsProps> = ({
   resource,
 }) => {
+  const { t } = useCustomTranslation();
   return (
     <div className="odf-m-pane__body">
+      <SectionHeading text={t('Deployment details')} />
       <ResourceSummary resource={resource} resourceModel={DeploymentModel} />
     </div>
   );