feat(web-office): add button order user or licences

ref:MANAGER-16542 Signed-off-by: stif59100 <[email protected]>
ovh · Jan 9, 2025 · 3f4e168 · 3f4e168
1 parent 5a85803
commit 3f4e168
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/packages/manager/apps/web-office/public/translations/dashboard/users/Messages_fr_FR.json b/packages/manager/apps/web-office/public/translations/dashboard/users/Messages_fr_FR.json
@@ -15,5 +15,6 @@
   "dashboard_users_action_user_change_password": "Changer le mot de passe",
   "dashboard_users_action_user_edit": "Editer le compte",
   "dashboard_users_action_user_delete": "Supprimer le compte",
-  "dashboard_users_order_button_licenses": "Commander plus de licenses"
+  "dashboard_users_order_button_licenses": "Commander plus de licenses",
+  "dashboard_users_order_button_users": "Ajouter un utilisateur"
 }
diff --git a/packages/manager/apps/web-office/src/pages/dashboard/users/Users.tsx b/packages/manager/apps/web-office/src/pages/dashboard/users/Users.tsx
@@ -12,9 +12,14 @@ import {
   OdsText,
   OdsButton,
 } from '@ovhcloud/ods-components/react';
+import { useParams } from 'react-router-dom';
 import { UserNativeType } from '@/api/users/type';
 import Loading from '@/components/Loading/Loading';
-import { useOfficeLicenseDetail, useOfficeUsers } from '@/hooks';
+import {
+  useOfficeLicenseDetail,
+  useOfficeServiceType,
+  useOfficeUsers,
+} from '@/hooks';
 import { BadgeStatus } from '@/components/BadgeStatus';
 import { UserStateEnum } from '@/api/api.type';
 import ActionButtonUsers from './ActionButtonUsers.component';
@@ -28,6 +33,9 @@ export default function Users() {
     isLoading: isLoadingLicenceDetail,
   } = useOfficeLicenseDetail();
 
+  const { serviceName } = useParams();
+  const isPostpaidLicence = useOfficeServiceType(serviceName) === 'payAsYouGo';
+
   if (isLoadingUsers || isLoadingLicenceDetail) {
     return <Loading />;
   }
@@ -113,11 +121,17 @@ export default function Users() {
         <p>{t('dashboard_users_download_info')}</p>
         <strong>{t('dashboard_users_download_id')}</strong>
       </OdsText>
+
       <OdsButton
-        label={t('dashboard_users_order_button_licenses')}
+        label={
+          isPostpaidLicence
+            ? t('dashboard_users_order_button_users')
+            : t('dashboard_users_order_button_licenses')
+        }
         variant={ODS_BUTTON_VARIANT.outline}
         className="block"
       />
+
       {columns && (
         <Datagrid
           columns={columns.map((column) => ({