diff --git a/packages/manager/apps/pci-instances/src/pages/instances/instance/component/InstanceGeneralDetails.component.tsx b/packages/manager/apps/pci-instances/src/pages/instances/instance/component/InstanceGeneralDetails.component.tsx index 0425b1b41a2a..b260a9b58d67 100644 --- a/packages/manager/apps/pci-instances/src/pages/instances/instance/component/InstanceGeneralDetails.component.tsx +++ b/packages/manager/apps/pci-instances/src/pages/instances/instance/component/InstanceGeneralDetails.component.tsx @@ -22,7 +22,8 @@ const InstanceGeneralDetails: FC = () => { const { translateMicroRegion } = useTranslatedMicroRegions(); const { data: instance, isLoading } = useContext(InstanceDetailContext); const hrefEditInstance = useHref(`../${instance.id}/edit`); - const hrefDeleteInstance = useHref(`delete`); + const hrefDeleteInstance = useHref('delete'); + const hrefBillingMonthlyActivate = useHref('billing/monthly/activate'); return ( @@ -90,12 +91,17 @@ const InstanceGeneralDetails: FC = () => { {instance.prices.map(({ value, type }) => ( ))} - + {instance.standaloneActions.includes( + 'activate_monthly_billing', + ) && ( + + )}