Support translation for ODF sub tab items

Signed-off-by: Timothy Asir Jeyasingh <[email protected]>
red-hat-storage · Aug 31, 2023 · aa769bc · aa769bc
1 parent 5a3eba9
commit aa769bc
Show file tree

Hide file tree

Showing 8 changed files with 41 additions and 25 deletions.
diff --git a/locales/en/plugin__odf-console.json b/locales/en/plugin__odf-console.json
@@ -296,6 +296,8 @@
   "StorageSystem details": "StorageSystem details",
   "Edit BlockPool": "Edit BlockPool",
   "Delete BlockPool": "Delete BlockPool",
+  "YAML": "YAML",
+  "Events": "Events",
   "StorageClasses": "StorageClasses",
   "Replicas": "Replicas",
   "Used capacity": "Used capacity",
@@ -987,6 +989,12 @@
   "Attach OBC to a Deployment": "Attach OBC to a Deployment",
   "Deployment Name": "Deployment Name",
   "Attach": "Attach",
+  "Backing Store": "Backing Store",
+  "Object Buckets": "Object Buckets",
+  "Object Bucket Claims": "Object Bucket Claims",
+  "Namespace Store": "Namespace Store",
+  "Bucket Class": "Bucket Class",
+  "Topology": "Topology",
   "hr": "hr",
   "min": "min",
   "Select at least 2 Backing Store resources": "Select at least 2 Backing Store resources",

diff --git a/packages/ocs/block-pool/BlockPoolDetailsPage.tsx b/packages/ocs/block-pool/BlockPoolDetailsPage.tsx
@@ -95,17 +95,17 @@ export const BlockPoolDetailsPage: React.FC<BlockPoolDetailsPageProps> = ({
       pages={[
         {
           href: '',
-          name: 'Details',
+          name: t('Details'),
           component: BlockPoolDashboard as any,
         },
         {
           href: 'yaml',
-          name: 'YAML',
+          name: t('YAML'),
           component: YAMLEditorWrapped,
         },
         {
           href: 'events',
-          name: 'Events',
+          name: t('Events'),
           component: EventStreamWrapped,
         },
       ]}

diff --git a/packages/odf/components/mcg/ObjectBucketClaim.tsx b/packages/odf/components/mcg/ObjectBucketClaim.tsx
@@ -435,17 +435,17 @@ export const OBCDetailsPage: React.FC<ObjectBucketClaimDetailsPageProps> = ({
       pages={[
         {
           href: '',
-          name: 'Details',
+          name: t('Details'),
           component: OBCDetails as any,
         },
         {
           href: 'yaml',
-          name: 'YAML',
+          name: t('YAML'),
           component: YAMLEditorWrapped,
         },
         {
           href: 'events',
-          name: 'Events',
+          name: t('Events'),
           component: EventStreamWrapped,
         },
       ]}

diff --git a/packages/odf/components/resource-pages/BackingStoreDetailsPage.tsx b/packages/odf/components/resource-pages/BackingStoreDetailsPage.tsx
@@ -90,17 +90,17 @@ const BackingStoreDetailsPage: React.FC<BackingStoreDetilsPageProps> = ({
         pages={[
           {
             href: '',
-            name: 'Details',
+            name: t('Details'),
             component: BSDetails,
           },
           {
             href: 'yaml',
-            name: 'YAML',
+            name: t('YAML'),
             component: YAMLEditorWrapped,
           },
           {
             href: 'events',
-            name: 'Events',
+            name: t('Events'),
             component: EventStreamWrapped,
           },
         ]}

diff --git a/packages/odf/components/resource-pages/BucketClassDetailsPage.tsx b/packages/odf/components/resource-pages/BucketClassDetailsPage.tsx
@@ -136,17 +136,17 @@ const BucketClassDetailsPage: React.FC<BucketClassDetailsPageProps> = ({
         pages={[
           {
             href: '',
-            name: 'Details',
+            name: t('Details'),
             component: BCDetails,
           },
           {
             href: 'yaml',
-            name: 'YAML',
+            name: t('YAML'),
             component: YAMLEditorWrapped,
           },
           {
             href: 'events',
-            name: 'Events',
+            name: t('Events'),
             component: EventStreamWrapped,
           },
         ]}

diff --git a/packages/odf/components/resource-pages/NamespaceStoreDetailsPage.tsx b/packages/odf/components/resource-pages/NamespaceStoreDetailsPage.tsx
@@ -91,17 +91,17 @@ const NamespaceStoreDetailsPage: React.FC<BackingStoreDetilsPageProps> = ({
         pages={[
           {
             href: '',
-            name: 'Details',
+            name: t('Details'),
             component: NSDetails,
           },
           {
             href: 'yaml',
-            name: 'YAML',
+            name: t('YAML'),
             component: YAMLEditorWrapped,
           },
           {
             href: 'events',
-            name: 'Events',
+            name: t('Events'),
             component: EventStreamWrapped,
           },
         ]}

diff --git a/packages/odf/utils/horizontal-nav-tab.tsx b/packages/odf/utils/horizontal-nav-tab.tsx
@@ -10,6 +10,14 @@ import {
 import { ResolvedCodeRefProperties } from '@openshift-console/dynamic-plugin-sdk/lib/types';
 import * as _ from 'lodash-es';
 
+// t('plugin__odf-console~Backing Store')
+// t('plugin__odf-console~Object Storage')
+// t('plugin__odf-console~Object Buckets')
+// t('plugin__odf-console~Object Bucket Claims')
+// t('plugin__odf-console~Namespace Store')
+// t('plugin__odf-console~Bucket Class')
+// t('plugin__odf-console~Topology')
+
 type SortPagesProps = {
   extensions: ResolvedExtension<HorizontalNavTab>[];
   haveExtensionsResolved: boolean;

diff --git a/plugins/odf/console-extensions.json b/plugins/odf/console-extensions.json
@@ -61,7 +61,7 @@
       "id": "odfdashboard",
       "insertBefore": "persistentvolumes",
       "section": "storage",
-      "name": "Data Foundation",
+      "name": "%plugin__odf-console~Data Foundation%",
       "href": "/odf/cluster"
     },
     "flags": {
@@ -486,7 +486,7 @@
     "type": "odf.horizontalNav/tab",
     "properties": {
       "id": "topology",
-      "name": "Topology",
+      "name": "%plugin__odf-console~Topology%",
       "contextId": "odf-dashboard",
       "before": "systems",
       "href": "topology",
@@ -538,7 +538,7 @@
       "insertBefore": "persistentvolumes",
       "insertAfter": "odfdashboard",
       "section": "storage",
-      "name": "Object Storage",
+      "name": "%plugin__odf-console~Object Storage%",
       "href": "/odf/object-storage"
     },
     "flags": {
@@ -561,7 +561,7 @@
     "type": "odf.horizontalNav/tab",
     "properties": {
       "id": "backing-store",
-      "name": "Backing Store",
+      "name": "%plugin__odf-console~Backing Store%",
       "contextId": "odf-object-service",
       "href": "resource/noobaa.io~v1alpha1~BackingStore",
       "component": {
@@ -576,7 +576,7 @@
     "type": "odf.horizontalNav/tab",
     "properties": {
       "id": "bucket-class",
-      "name": "Bucket Class",
+      "name": "%plugin__odf-console~Bucket Class%",
       "contextId": "odf-object-service",
       "after": "backing-store",
       "href": "resource/noobaa.io~v1alpha1~BucketClass",
@@ -592,7 +592,7 @@
     "type": "odf.horizontalNav/tab",
     "properties": {
       "id": "namespace-store",
-      "name": "Namespace Store",
+      "name": "%plugin__odf-console~Namespace Store%",
       "contextId": "odf-object-service",
       "after": "bucket-class",
       "href": "resource/noobaa.io~v1alpha1~NamespaceStore",
@@ -608,7 +608,7 @@
     "type": "odf.horizontalNav/tab",
     "properties": {
       "id": "objectbuckets",
-      "name": "Object Buckets",
+      "name": "%plugin__odf-console~Object Buckets%",
       "contextId": "odf-object-service",
       "after": "namespace-store",
       "href": "resource/objectbucket.io~v1alpha1~ObjectBucket",
@@ -624,7 +624,7 @@
     "type": "odf.horizontalNav/tab",
     "properties": {
       "id": "objectbuckets",
-      "name": "Object Buckets",
+      "name": "%plugin__odf-console~Object Buckets%",
       "contextId": "odf-object-service",
       "after": "namespace-store",
       "href": "resource/objectbucket.io~v1alpha1~ObjectBucket",
@@ -651,7 +651,7 @@
     "type": "odf.horizontalNav/tab",
     "properties": {
       "id": "objectbucketclaims",
-      "name": "Object Bucket Claims",
+      "name": "%plugin__odf-console~Object Bucket Claims%",
       "contextId": "odf-object-service",
       "after": "objectbuckets",
       "href": "resource/objectbucket.io~v1alpha1~ObjectBucketClaim",
@@ -667,7 +667,7 @@
     "type": "odf.horizontalNav/tab",
     "properties": {
       "id": "objectbucketclaims",
-      "name": "Object Bucket Claims",
+      "name": "%plugin__odf-console~Object Bucket Claims%",
       "contextId": "odf-object-service",
       "after": "objectbuckets",
       "href": "resource/objectbucket.io~v1alpha1~ObjectBucketClaim",