From 8c270cd7bf4b3ed3d557c0fcb8fd3d16ff13c14b Mon Sep 17 00:00:00 2001
From: Paul Dickerson <paul.dickerson.ext@ovhcloud.com>
Date: Tue, 17 Dec 2024 17:09:06 +0100
Subject: [PATCH] feat(veeam-backup): display storage value using same unit

ref: MANAGER-16076

Signed-off-by: Paul Dickerson <paul.dickerson.ext@ovhcloud.com>
---
 .../public/translations/dashboard/Messages_fr_FR.json        | 3 +--
 .../src/pages/dashboard/OfferProgress.component.tsx          | 5 +----
 2 files changed, 2 insertions(+), 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
index dcdddb581855..cd55b911952a 100644
--- 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
index 38f219745c1f..f70a4466cb49 100644
--- 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