diff --git a/packages/manager/.changeset/pr-11662-fixed-1739467765713.md b/packages/manager/.changeset/pr-11662-fixed-1739467765713.md new file mode 100644 index 00000000000..55c42293fc6 --- /dev/null +++ b/packages/manager/.changeset/pr-11662-fixed-1739467765713.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Fixed +--- + +Document titles of ACPL with appropriate keyword ([#11662](https://github.com/linode/manager/pull/11662)) diff --git a/packages/manager/src/features/CloudPulse/Alerts/AlertsDetail/AlertDetail.tsx b/packages/manager/src/features/CloudPulse/Alerts/AlertsDetail/AlertDetail.tsx index 25c2a929a28..03f380e4d1d 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/AlertsDetail/AlertDetail.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/AlertsDetail/AlertDetail.tsx @@ -5,6 +5,7 @@ import { useParams } from 'react-router-dom'; import AlertsIcon from 'src/assets/icons/entityIcons/alerts.svg'; import { Breadcrumb } from 'src/components/Breadcrumb/Breadcrumb'; +import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { Placeholder } from 'src/components/Placeholder/Placeholder'; import { useAlertDefinitionQuery } from 'src/queries/cloudpulse/alerts'; @@ -96,8 +97,10 @@ export const AlertDetail = () => { service_type: alertServiceType, type, } = alertDetails; + return ( <> + diff --git a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx index a3afae0ab7c..04f84733822 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx @@ -9,6 +9,7 @@ import { useRouteMatch, } from 'react-router-dom'; +import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { TabLinkList } from 'src/components/Tabs/TabLinkList'; import { Tabs } from 'src/components/Tabs/Tabs'; import { useFlags } from 'src/hooks/useFlags'; @@ -51,31 +52,34 @@ export const AlertsLanding = React.memo(() => { }; return ( - - - + + + - - - - - - - - + + + + + + + + + + ); }); diff --git a/packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx b/packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx index 4aa79c8d0d3..0971d003a6f 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx @@ -7,6 +7,7 @@ import { useHistory } from 'react-router-dom'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Breadcrumb } from 'src/components/Breadcrumb/Breadcrumb'; +import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { useCreateAlertDefinition } from 'src/queries/cloudpulse/alerts'; import { MetricCriteriaField } from './Criteria/MetricCriteria'; @@ -109,74 +110,77 @@ export const CreateAlertDefinition = () => { }); return ( - - - -
- - 1. General Information - - ( - field.onChange(e.target.value)} - placeholder="Enter Name" - value={field.value ?? ''} - /> - )} - control={control} - name="label" - /> - ( - field.onChange(e.target.value)} - optional - placeholder="Enter Description" - value={field.value ?? ''} - /> - )} - control={control} - name="description" - /> - - - - - setMaxScrapeInterval(interval) - } - name="rule_criteria.rules" - serviceType={serviceTypeWatcher!} - /> - - - - -
-
+ + + + + +
+ + 1. General Information + + ( + field.onChange(e.target.value)} + placeholder="Enter Name" + value={field.value ?? ''} + /> + )} + control={control} + name="label" + /> + ( + field.onChange(e.target.value)} + optional + placeholder="Enter Description" + value={field.value ?? ''} + /> + )} + control={control} + name="description" + /> + + + + + setMaxScrapeInterval(interval) + } + name="rule_criteria.rules" + serviceType={serviceTypeWatcher!} + /> + + + + +
+
+
); }; diff --git a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx index a2d4574955e..85a3c07f199 100644 --- a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx +++ b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx @@ -2,6 +2,8 @@ import { Box, Paper } from '@linode/ui'; import { Grid } from '@mui/material'; import * as React from 'react'; +import { DocumentTitleSegment } from 'src/components/DocumentTitle'; + import { GlobalFilters } from '../Overview/GlobalFilters'; import { CloudPulseAppliedFilterRenderer } from '../shared/CloudPulseAppliedFilterRenderer'; import { defaultTimeDuration } from '../Utils/CloudPulseDateTimePickerUtils'; @@ -75,30 +77,33 @@ export const CloudPulseDashboardLanding = () => { [] ); return ( - - - - - - {dashboard?.service_type && showAppliedFilters && ( - + + + + + + - )} - - + {dashboard?.service_type && showAppliedFilters && ( + + )} + + + + - - + ); };