diff --git a/client/my-sites/themes/style.scss b/client/my-sites/themes/style.scss index 2104bd10e3bba..fe6c1ae45e187 100644 --- a/client/my-sites/themes/style.scss +++ b/client/my-sites/themes/style.scss @@ -1,7 +1,7 @@ .themes-thanks-modal { width: 300px; padding: 1.5em; - min-height: 245px; + min-height: 285px; @include breakpoint( "<480px" ) { box-sizing: border-box; diff --git a/client/my-sites/themes/thanks-modal.jsx b/client/my-sites/themes/thanks-modal.jsx index 571b1bed8d979..cf7d04dd31016 100644 --- a/client/my-sites/themes/thanks-modal.jsx +++ b/client/my-sites/themes/thanks-modal.jsx @@ -19,6 +19,7 @@ import { getThemeDetailsUrl, getThemeCustomizeUrl, getThemeForumUrl, + getThemeSetupUrl, isActivatingTheme, hasActivatedTheme } from 'state/themes/selectors'; @@ -63,6 +64,12 @@ const ThanksModal = React.createClass( { }, renderWpcomInfo() { + const themeSetup = translate( 'Make your site look like the demo with {{a}}Theme Setup{{/a}}.', { + components: { + a: + } + } ); const features = translate( "Discover this theme's {{a}}awesome features.{{/a}}", { components: { a: +
  • + { themeSetup } +
  • { this.props.source === 'list' ? features : customize }
  • @@ -208,6 +218,7 @@ export default connect( return { currentTheme, + themeSetupUrl: site && getThemeSetupUrl( state, site.ID ), detailsUrl: site && getThemeDetailsUrl( state, currentTheme, site.ID ), customizeUrl: site && getThemeCustomizeUrl( state, currentTheme, site.ID ), forumUrl: getThemeForumUrl( state, currentThemeId ), diff --git a/client/state/themes/selectors.js b/client/state/themes/selectors.js index 9f481d467e14e..d446d2fcc660a 100644 --- a/client/state/themes/selectors.js +++ b/client/state/themes/selectors.js @@ -415,6 +415,21 @@ export function getThemeCustomizeUrl( state, theme, siteId ) { return customizeUrl; } +/** + * Returns the URL for running Theme Setup on the current site (Headstart on demand). + * + * @param {Object} state Global state tree + * @param {Object} siteId Site ID + * @return {String} Theme Setup URL + */ +export function getThemeSetupUrl( state, siteId ) { + if ( ! siteId ) { + return '/settings/theme-setup/'; + } + const siteSlug = getSiteSlug( state, siteId ); + return '/settings/theme-setup/' + siteSlug; +} + /** * Returns the URL for signing up for a new WordPress.com account with the given theme pre-selected. *