address remaining comments

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

plugins/kubernetes-react/src/components/Cluster/Cluster.tsx

@@ -92,14 +92,12 @@ const ClusterSummary = ({
         spacing={0}
       >
         <Grid item>
-          <StatusOK>
-            {totalNumberOfPods} {t('cluster.pods')}
-          </StatusOK>
+          <StatusOK>{t('cluster.pods', { count: totalNumberOfPods })}</StatusOK>
         </Grid>
         <Grid item>
           {numberOfPodsWithErrors > 0 ? (
             <StatusError>
-              {numberOfPodsWithErrors} {t('cluster.podsWithErrors')}
+              {t('cluster.podsWithErrors', { count: numberOfPodsWithErrors })}
             </StatusError>
           ) : (
             <StatusOK>{t('cluster.noPodsWithErrors')}</StatusOK>

plugins/kubernetes-react/src/components/ConfigmapsAccordions/ConfigmapsDrawer.tsx

@@ -58,7 +58,10 @@ export const ConfigmapsDrawer = ({
         </Grid>
         {namespace && (
           <Grid item>
-            <Chip size="small" label={`${t('namespace.label')} ${namespace}`} />
+            <Chip
+              size="small"
+              label={t('namespace.labelWithValue', { namespace })}
+            />
           </Grid>
         )}
       </Grid>

plugins/kubernetes-react/src/components/CronJobsAccordions/CronJobsDrawer.tsx

@@ -62,7 +62,10 @@ export const CronJobDrawer = ({
         </Grid>
         {namespace && (
           <Grid item>
-            <Chip size="small" label={`${t('namespace.label')} ${namespace}`} />
+            <Chip
+              size="small"
+              label={t('namespace.labelWithValue', { namespace })}
+            />
           </Grid>
         )}
       </Grid>

plugins/kubernetes-react/src/components/CustomResources/ArgoRollouts/Rollout.tsx

@@ -128,18 +128,20 @@ const RolloutSummary = ({
             >
               <Grid item>
                 <Typography variant="subtitle2">
-                  {t('hpa.minReplicas')} {hpa.spec?.minReplicas ?? '?'} /{' '}
-                  {t('hpa.maxReplicas')} {hpa.spec?.maxReplicas ?? '?'}
+                  {t('hpa.replicasSummary', {
+                    min: hpa.spec?.minReplicas ?? '?',
+                    max: hpa.spec?.maxReplicas ?? '?',
+                  })}
                 </Typography>
               </Grid>
               <Grid item>
                 <Typography variant="subtitle2">
-                  {t('hpa.currentCpuUsage')} {cpuUtil ?? '?'}%
+                  {t('hpa.currentCpuUsageLabel', { value: cpuUtil ?? '?' })}
                 </Typography>
               </Grid>
               <Grid item>
                 <Typography variant="subtitle2">
-                  {t('hpa.targetCpuUsage')} {specCpuUtil ?? '?'}%
+                  {t('hpa.targetCpuUsageLabel', { value: specCpuUtil ?? '?' })}
                 </Typography>
               </Grid>
             </Grid>

plugins/kubernetes-react/src/components/CustomResources/ArgoRollouts/RolloutDrawer.tsx

@@ -56,7 +56,10 @@ export const RolloutDrawer = ({
         </Grid>
         {namespace && (
           <Grid item>
-            <Chip size="small" label={`${t('namespace.label')} ${namespace}`} />
+            <Chip
+              size="small"
+              label={t('namespace.labelWithValue', { namespace })}
+            />
           </Grid>
         )}
       </Grid>

plugins/kubernetes-react/src/components/DaemonSetsAccordions/DaemonSetsDrawer.tsx

@@ -71,7 +71,10 @@ export const DaemonSetDrawer = ({
         </Grid>
         {namespace && (
           <Grid item>
-            <Chip size="small" label={`${t('namespace.label')} ${namespace}`} />
+            <Chip
+              size="small"
+              label={t('namespace.labelWithValue', { namespace })}
+            />
           </Grid>
         )}
       </Grid>

plugins/kubernetes-react/src/components/DeploymentsAccordions/DeploymentDrawer.tsx

@@ -74,7 +74,10 @@ export const DeploymentDrawer = ({
         </Grid>
         {namespace && (
           <Grid item>
-            <Chip size="small" label={`${t('namespace.label')} ${namespace}`} />
+            <Chip
+              size="small"
+              label={t('namespace.labelWithValue', { namespace })}
+            />
           </Grid>
         )}
       </Grid>

plugins/kubernetes-react/src/translation.ts

@@ -23,10 +23,12 @@ export const kubernetesReactTranslationRef = createTranslationRef({
     cluster: {
       label: 'Cluster',
       pods: 'pods',
+      pods_one: '{{count}} pod',
+      pods_other: '{{count}} pods',
       podsWithErrors: 'pods with errors',
+      podsWithErrors_one: '{{count}} pod with errors',
+      podsWithErrors_other: '{{count}} pods with errors',
       noPodsWithErrors: 'No pods with errors',
-      podWithErrors_one: '{{count}} pod with errors',
-      podWithErrors_other: '{{count}} pods with errors',
     },
     podsTable: {
       columns: {
@@ -138,6 +140,7 @@ export const kubernetesReactTranslationRef = createTranslationRef({
     },
     namespace: {
       label: 'namespace:',
+      labelWithValue: 'namespace: {{namespace}}',
     },
     kubernetesDialog: {
       closeAriaLabel: 'close',