diff --git a/client/my-sites/plans/current-plan/current-plan-thank-you/search-thank-you.js b/client/my-sites/plans/current-plan/current-plan-thank-you/search-thank-you.js
index e7999f5e0c062..7f56bc3299d2a 100644
--- a/client/my-sites/plans/current-plan/current-plan-thank-you/search-thank-you.js
+++ b/client/my-sites/plans/current-plan/current-plan-thank-you/search-thank-you.js
@@ -2,27 +2,37 @@
* External dependencies
*/
import React from 'react';
-import { localize } from 'i18n-calypso';
+import { useTranslate } from 'i18n-calypso';
/**
* Internal dependencies
*/
import ThankYou from './thank-you';
+import versionCompare from 'lib/version-compare';
-const SearchProductThankYou = ( { translate } ) => (
- { translate( 'We are currently indexing your site.' ) }
- { translate(
- 'In the meantime, we have configured Jetpack Search on your site — ' +
- 'you should try customizing it in your traditional WordPress dashboard.'
- ) }
- { translate( 'We are currently indexing your site.' ) }
+ { jetpackVersion && versionCompare( jetpackVersion, '8.4', '<' )
+ ? translate(
+ "In the meantime you'll need to update Jetpack to version 8.4 or higher in order " +
+ "to get the most out of Jetpack Search. Once you've updated Jetpack, " +
+ "we'll configure Search for you. You can try search and customize it to your liking."
+ )
+ : translate(
+ 'In the meantime, we have configured Jetpack Search on your site — ' +
+ 'you should try customizing it in your traditional WordPress dashboard.'
+ ) }
+
) } @@ -132,6 +143,7 @@ export class ThankYouCard extends Component { export default connect( ( state ) => { const currentUser = getCurrentUser( state ); + const selectedSite = getSelectedSite( state ); const selectedSiteId = getSelectedSiteId( state ); const selectedSiteSlug = getSiteSlug( state, selectedSiteId ); const isSingleSite = !! selectedSiteId || currentUser.site_count === 1; @@ -139,6 +151,7 @@ export default connect( const siteAdminUrl = getSiteAdminUrl( state, siteId ); return { siteAdminUrl, + selectedSite, selectedSiteSlug, currentRoute: getCurrentRoute( state ), queryArgs: getCurrentQueryArguments( state ), diff --git a/client/my-sites/plans/current-plan/index.jsx b/client/my-sites/plans/current-plan/index.jsx index 44dc6565954e0..c1c3880279b36 100644 --- a/client/my-sites/plans/current-plan/index.jsx +++ b/client/my-sites/plans/current-plan/index.jsx @@ -2,7 +2,7 @@ * External dependencies */ import React, { Component, Fragment } from 'react'; -import { startsWith } from 'lodash'; +import { get, startsWith } from 'lodash'; import PropTypes from 'prop-types'; import classNames from 'classnames'; import { connect } from 'react-redux'; @@ -78,7 +78,7 @@ class CurrentPlan extends Component { } renderThankYou() { - const { currentPlan, product } = this.props; + const { currentPlan, product, selectedSite } = this.props; if ( startsWith( product, 'jetpack_backup' ) ) { return