diff --git a/packages/manager/.changeset/pr-12983-upcoming-features-1760371939234.md b/packages/manager/.changeset/pr-12983-upcoming-features-1760371939234.md new file mode 100644 index 00000000000..12a86d13493 --- /dev/null +++ b/packages/manager/.changeset/pr-12983-upcoming-features-1760371939234.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Upcoming Features +--- + +Add pendo ids for VM Host Maintenance analytics ([#12983](https://github.com/linode/manager/pull/12983)) diff --git a/packages/manager/src/components/Link.tsx b/packages/manager/src/components/Link.tsx index 80468671141..99607f7bf47 100644 --- a/packages/manager/src/components/Link.tsx +++ b/packages/manager/src/components/Link.tsx @@ -53,6 +53,10 @@ export interface LinkProps extends Omit<_LinkProps, 'to'> { * Optional prop to pass a onClick handler to the link. */ onClick?: (e: React.MouseEvent) => void; + /** + * Optional prop to pass a pendo id to the link. + */ + pendoId?: string; /** * Optional prop to pass a sx style to the link. */ @@ -99,6 +103,7 @@ export const Link = React.forwardRef( forceCopyColor, hideIcon, onClick, + pendoId, style, title, to, @@ -131,6 +136,7 @@ export const Link = React.forwardRef( 'external', 'forceCopyColor', 'to', + 'pendoId', ]); return shouldOpenInNewTab ? ( @@ -143,6 +149,7 @@ export const Link = React.forwardRef( }, className )} + data-pendo-id={pendoId} data-testid={external ? 'external-site-link' : 'external-link'} href={processedUrl()} onClick={onClick} @@ -166,6 +173,7 @@ export const Link = React.forwardRef( ) : ( { )} . For more details, view{' '} - Account Maintenance. + + Account Maintenance + + . ); diff --git a/packages/manager/src/components/MaintenanceBanner/MaintenanceBannerV2.tsx b/packages/manager/src/components/MaintenanceBanner/MaintenanceBannerV2.tsx index 688d8eb3473..d34f3387181 100644 --- a/packages/manager/src/components/MaintenanceBanner/MaintenanceBannerV2.tsx +++ b/packages/manager/src/components/MaintenanceBanner/MaintenanceBannerV2.tsx @@ -47,7 +47,10 @@ export const MaintenanceBannerV2 = () => { {' '} For more details, view{' '} - Account Maintenance. + + Account Maintenance + + . )} diff --git a/packages/manager/src/components/MaintenancePolicySelect/MaintenancePolicySelect.tsx b/packages/manager/src/components/MaintenancePolicySelect/MaintenancePolicySelect.tsx index 6089a3b2677..57cb1d580b6 100644 --- a/packages/manager/src/components/MaintenancePolicySelect/MaintenancePolicySelect.tsx +++ b/packages/manager/src/components/MaintenancePolicySelect/MaintenancePolicySelect.tsx @@ -60,6 +60,7 @@ export const MaintenancePolicySelect = ( return ( { const { key } = props; return ( -
  • +
  • { {' '} See which Linodes are scheduled for reboot on the{' '} - Account Maintenance page. + + Account Maintenance + {' '} + page. )} diff --git a/packages/manager/src/features/Account/MaintenancePolicy.tsx b/packages/manager/src/features/Account/MaintenancePolicy.tsx index 9d5a2d664d9..4de849ecb5e 100644 --- a/packages/manager/src/features/Account/MaintenancePolicy.tsx +++ b/packages/manager/src/features/Account/MaintenancePolicy.tsx @@ -105,6 +105,7 @@ export const MaintenancePolicy = () => {