@@ -111,11 +112,14 @@ export default function PoolDetailPage() {
'load_balancer_pools_detail_previous_page_label',
)}"`}
type={LinkType.back}
- className="mb-10"
href={hrefPools}
/>
-
+
+
+
+
+
diff --git a/packages/manager/apps/pci-load-balancer/src/pages/detail/pools/detail/health-monitor/HealthMonitor.tsx b/packages/manager/apps/pci-load-balancer/src/pages/detail/pools/detail/health-monitor/HealthMonitor.tsx
new file mode 100644
index 000000000000..02547bf2727c
--- /dev/null
+++ b/packages/manager/apps/pci-load-balancer/src/pages/detail/pools/detail/health-monitor/HealthMonitor.tsx
@@ -0,0 +1,216 @@
+import {
+ Notifications,
+ RedirectionGuard,
+} from '@ovh-ux/manager-react-components';
+import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
+import {
+ ODS_BUTTON_SIZE,
+ ODS_BUTTON_VARIANT,
+ ODS_DIVIDER_SIZE,
+ ODS_ICON_NAME,
+ ODS_ICON_SIZE,
+ ODS_SKELETON_SIZE,
+ ODS_TEXT_LEVEL,
+ ODS_TEXT_SIZE,
+ ODS_TILE_VARIANT,
+} from '@ovhcloud/ods-components';
+import {
+ OsdsButton,
+ OsdsDivider,
+ OsdsIcon,
+ OsdsSkeleton,
+ OsdsText,
+ OsdsTile,
+} from '@ovhcloud/ods-components/react';
+import { useTranslation } from 'react-i18next';
+import { Outlet, useHref, useParams } from 'react-router-dom';
+import { useGetHealthMonitor } from '@/api/hook/useHealthMonitor';
+import TileButton from '@/components/detail/pools/TileButton.component';
+import TileLine from '@/components/detail/TileLine.component';
+import OperatingStatusComponent from '@/components/listing/OperatingStatus.component';
+import ProvisioningStatusComponent from '@/components/listing/ProvisioningStatus.component';
+import { HEALTH_MONITOR_TYPE, LABELS } from '@/constants';
+
+export default function HealthMonitor() {
+ const { t } = useTranslation([
+ 'octavia-load-balancer-health-monitor',
+ 'octavia-load-balancer',
+ ]);
+
+ const { projectId, region, poolId } = useParams();
+
+ const { data: healthMonitor, isPending } = useGetHealthMonitor({
+ projectId,
+ region,
+ poolId,
+ });
+
+ return (
+
+
+
+
+
+ {t(
+ 'octavia_load_balancer_health_monitor_overview_management_title',
+ )}
+
+
+
+
+
+
+
+
+
+
+
+ {t('octavia_load_balancer_health_monitor_overview_info_title')}
+
+
+
+
+
+
+ {healthMonitor?.name}
+
+
+
+
+