My Jetpack: Change Jetpack AI insterstitial contact link to Jetpack R…

…edirect (Automattic#34252) * change email href to jetpack redirect * changelog
anomiex · Nov 22, 2023 · 663ea3f · 663ea3f
1 parent 040ca55
commit 663ea3f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/...cts/packages/my-jetpack/_inc/components/product-interstitial/jetpack-ai/more-requests.jsx b/...cts/packages/my-jetpack/_inc/components/product-interstitial/jetpack-ai/more-requests.jsx
@@ -1,7 +1,15 @@
 /**
  * External dependencies
  */
-import { AdminPage, Button, Col, Container, Text, H3 } from '@automattic/jetpack-components';
+import {
+	AdminPage,
+	Button,
+	Col,
+	Container,
+	Text,
+	H3,
+	getRedirectUrl,
+} from '@automattic/jetpack-components';
 import { __ } from '@wordpress/i18n';
 import classNames from 'classnames';
 import React from 'react';
@@ -26,9 +34,7 @@ export function JetpackAIInterstitialMoreRequests( { onClickGoBack = () => {} }
 		'Allow us to assist you in discovering the optimal plan tailored to your requirements, ensuring you can continue using the most advanced AI technology Jetpack has to offer.',
 		'jetpack-my-jetpack'
 	);
-	const contactEmailAddress = 'support@jetpack.com';
-	const contactEmailSubject = encodeURIComponent( 'Jetpack AI - Inquiry about more requests' );
-	const href = `mailto:${ contactEmailAddress }?subject=${ contactEmailSubject }`;
+	const contactHref = getRedirectUrl( 'jetpack-ai-tiers-more-requests-contact' );
 
 	return (
 		<AdminPage showHeader={ false } showBackground={ false }>
@@ -49,7 +55,9 @@ export function JetpackAIInterstitialMoreRequests( { onClickGoBack = () => {} }
 									<H3>{ title }</H3>
 									<Text mb={ 3 }>{ longDescription }</Text>
 									<div className={ styles[ 'buttons-row' ] }>
-										<Button href={ href }>{ __( 'Contact Us', 'jetpack-my-jetpack' ) }</Button>
+										<Button href={ contactHref }>
+											{ __( 'Contact Us', 'jetpack-my-jetpack' ) }
+										</Button>
 										<Link to={ '/' } onClick={ onClickGoBack }>
 											<Button variant="secondary">{ __( 'Back', 'jetpack-my-jetpack' ) }</Button>
 										</Link>

diff --git a/projects/packages/my-jetpack/changelog/update-ai-assistant-contact-us-jetpack-redirect b/projects/packages/my-jetpack/changelog/update-ai-assistant-contact-us-jetpack-redirect
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+My Jetpack: Change Jetpack AI insterstitial contact link to Jetpack Redirect