Merge pull request #2959 from Automattic/update/purchases-links-to-th…

…eme-showcase

Purchases: Update links to theme showcase

client/me/purchases/cancel-purchase/product-information.jsx

@@ -10,7 +10,7 @@ import { domainManagementEdit } from 'my-sites/upgrades/paths';
 import { googleAppsSettingsUrl } from 'lib/google-apps';
 import Gridicon from 'components/gridicon';
 import { isBusiness, isGoogleApps, isPlan, isTheme } from 'lib/products-values';
-import { oldShowcaseUrl } from 'lib/themes/helpers';
+import { getDetailsUrl as getThemeDetailsUrl } from 'lib/themes/helpers';
 
 const CancelPurchaseProductInformation = React.createClass( {
 	propTypes: {
@@ -149,8 +149,8 @@ const CancelPurchaseProductInformation = React.createClass( {
 
 	renderThemeInformation() {
 		const { domain, meta, productName, siteName } = this.props.purchase,
-			themeDetailsUrl = `${ oldShowcaseUrl }${ domain }/${ meta }`,
-			themeSelectUrl = `${ oldShowcaseUrl }${ domain }`;
+			themeDetailsUrl = getThemeDetailsUrl( { id: meta }, { slug: domain } ),
+			themeSelectUrl = `/design/${ domain }`;
 
 		return (
 			<p>

client/me/purchases/manage-purchase/index.jsx

@@ -20,7 +20,7 @@ import HeaderCake from 'components/header-cake';
 import Main from 'components/main';
 import Notice from 'components/notice';
 import NoticeAction from 'components/notice/notice-action';
-import { oldShowcaseUrl } from 'lib/themes/helpers';
+import { getDetailsUrl as getThemeDetailsUrl } from 'lib/themes/helpers';
 import paths from '../paths';
 import PaymentLogo from 'components/payment-logo';
 import RemovePurchase from '../remove-purchase';
@@ -299,7 +299,7 @@ const ManagePurchase = React.createClass( {
 		}
 
 		if ( isTheme( purchase ) ) {
-			url = oldShowcaseUrl + purchase.domain + '/' + purchase.meta;
+			url = getThemeDetailsUrl( { id: purchase.meta }, { slug: purchase.domain } );
 			text = this.translate( 'Theme Details' );
 		}