diff --git a/packages/manager/apps/dedicated/client/app/account/contacts/service/translations/Messages_fr_FR.json b/packages/manager/apps/dedicated/client/app/account/contacts/service/translations/Messages_fr_FR.json index 3a26782c1079..8690292ab60c 100644 --- a/packages/manager/apps/dedicated/client/app/account/contacts/service/translations/Messages_fr_FR.json +++ b/packages/manager/apps/dedicated/client/app/account/contacts/service/translations/Messages_fr_FR.json @@ -35,6 +35,7 @@ "account_contacts_service_category_NUTANIX": "Nutanix", "account_contacts_service_category_DEDICATED_CLUSTER": "3-AZ server", "account_contacts_service_category_PACK_SIP_TRUNK": "Packs SIP Trunk", + "account_contacts_service_category_HYCU": "HYCU", "account_contacts_service_contact_admin": "Contact administrateur", "account_contacts_service_contact_tech": "Contact technique", "account_contacts_service_contact_billing": "Contact facturation", diff --git a/packages/manager/apps/dedicated/client/app/account/contacts/user-contacts.constants.js b/packages/manager/apps/dedicated/client/app/account/contacts/user-contacts.constants.js index c183e8fda888..61d4bef0886d 100644 --- a/packages/manager/apps/dedicated/client/app/account/contacts/user-contacts.constants.js +++ b/packages/manager/apps/dedicated/client/app/account/contacts/user-contacts.constants.js @@ -24,6 +24,7 @@ export const AVAILABLE_SERVICES = [ 'LOGS', 'NUTANIX', 'DEDICATED_CLUSTER', + 'HYCU', ]; export default { diff --git a/packages/manager/apps/hycu/src/pages/dashboard/general-information/BillingInformations/BillingInformationsTile.tsx b/packages/manager/apps/hycu/src/pages/dashboard/general-information/BillingInformations/BillingInformationsTile.tsx index c742cd18a5cd..861b140778c9 100644 --- a/packages/manager/apps/hycu/src/pages/dashboard/general-information/BillingInformations/BillingInformationsTile.tsx +++ b/packages/manager/apps/hycu/src/pages/dashboard/general-information/BillingInformations/BillingInformationsTile.tsx @@ -2,11 +2,13 @@ import { DashboardTile, DateFormat, Description, + Links, + LinkType, useFormattedDate, useServiceDetails, } from '@ovh-ux/manager-react-components'; import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming'; -import { ODS_ICON_NAME, ODS_ICON_SIZE } from '@ovhcloud/ods-components'; +import { ODS_ICON_NAME } from '@ovhcloud/ods-components'; import { OsdsIcon, OsdsLink, @@ -43,6 +45,15 @@ const BillingInformationsTile = ({ serviceName }: { serviceName: string }) => { { searchText: serviceName }, ]); + const { + data: contactUrl, + isLoading: isLoadingContactUrl, + } = useNavigationGetUrl([ + 'dedicated', + '#/contacts/services', + { serviceName }, + ]); + const openTerminateModal = () => navigate( urls.dashboard_terminate.replace(subRoutes.serviceName, serviceName), @@ -100,17 +111,33 @@ const BillingInformationsTile = ({ serviceName }: { serviceName: string }) => { value: (
- {isLoading - ? Array.from({ length: 3 }).map((_, index) => ( - - )) - : serviceDetails?.data.customer.contacts.map((contact) => ( + {isLoading ? ( + <> + + + + + ) : ( + <> + {serviceDetails?.data.customer.contacts.map((contact) => ( {`${ contact.customerCode } ${t( `hycu_dashboard_contact_type_${contact.type}`, )}`} ))} + + )} + {isLoadingContactUrl ? ( + + ) : ( + + )}
),