feat(veeam-backup): display storage value using same unit

ref: MANAGER-16076 Signed-off-by: Paul Dickerson <[email protected]>
ovh · Dec 18, 2024 · a9a9518 · a9a9518
1 parent b881698
commit a9a9518
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/packages/manager/apps/veeam-backup/public/translations/dashboard/Messages_fr_FR.json b/packages/manager/apps/veeam-backup/public/translations/dashboard/Messages_fr_FR.json
@@ -23,6 +23,5 @@
   "billing_contact": "{{code}} Facturation",
   "technical_contact": "{{code}} Technique",
   "terminated_service": "Le service a été résilié.",
-  "gigabyte": "Go",
-  "terabyte": "To"
+  "space_summary": "{{usedSpaceInGB}} Go ({{percent}}% de {{quotaInTB}} To)"
 }
diff --git a/packages/manager/apps/veeam-backup/src/pages/dashboard/OfferProgress.component.tsx b/packages/manager/apps/veeam-backup/src/pages/dashboard/OfferProgress.component.tsx
@@ -24,9 +24,6 @@ export const OfferProgress: React.FC<VeeamBackupOffer> = ({
 }) => {
   const { t } = useTranslation('dashboard');
   const percent = (usedSpaceInGB / (quotaInTB * 10)).toFixed(2);
-  const usedSpaceLabel = `${usedSpaceInGB} ${t('gigabyte')}`;
-  const quotaSpaceLabel = `${quotaInTB} ${t('terabyte')}`;
-  const label = `${usedSpaceLabel} / ${quotaSpaceLabel} (${percent}%)`;
 
   return (
     <div className="flex flex-col">
@@ -36,7 +33,7 @@ export const OfferProgress: React.FC<VeeamBackupOffer> = ({
           size={ODS_TEXT_SIZE._500}
           color={ODS_THEME_COLOR_INTENT.text}
         >
-          {label}
+          {t('space_summary', { usedSpaceInGB, quotaInTB, percent })}
         </OsdsText>
         <OsdsTooltip>
           <OsdsIcon