diff --git a/client/blocks/get-apps/apps-config.ts b/client/blocks/get-apps/apps-config.tsx similarity index 92% rename from client/blocks/get-apps/apps-config.ts rename to client/blocks/get-apps/apps-config.tsx index a9a2b4157c6c7..6db6368bbd1cd 100644 --- a/client/blocks/get-apps/apps-config.ts +++ b/client/blocks/get-apps/apps-config.tsx @@ -1,6 +1,6 @@ import { recordTracksEvent } from '@automattic/calypso-analytics'; import { localizeUrl } from '@automattic/i18n-utils'; -import { useTranslate } from 'i18n-calypso'; +import { useTranslate, Substitution } from 'i18n-calypso'; import Apple from 'calypso/assets/images/icons/apple-logo.svg'; import DesktopAppLogo from 'calypso/assets/images/icons/desktop-app-logo.svg'; import Linux from 'calypso/assets/images/icons/linux-logo.svg'; @@ -34,6 +34,7 @@ export interface DesktopAppConfig { logoName: string; title: string; subtitle: string; + link: Substitution; platforms: Partial< Record< PlatformType, PlatformConfig > >; isPrimary?: boolean; } @@ -103,6 +104,11 @@ export const createWordPressDesktopConfig = ( subtitle: translate( 'The full WordPress.com experience packaged as an app for your laptop or desktop.' ), + link: translate( 'Visit {{a}}desktop.wordpress.com{{/a}} on your desktop.', { + components: { + a: , + }, + } ), platforms: { [ PlatformType.MacIntel ]: { ...platformConfigs[ PlatformType.MacIntel ], @@ -144,6 +150,11 @@ export const createWordPressStudioConfig = ( logoName: 'studio-app-logo', title: translate( 'Studio by WordPress.com' ), subtitle: translate( 'A fast, free way to develop locally with WordPress.' ), + link: translate( 'Visit {{a}}developer.wordpress.com/studio{{/a}} on your desktop.', { + components: { + a: , + }, + } ), isPrimary: true, platforms: { [ PlatformType.MacIntel ]: { diff --git a/client/blocks/get-apps/desktop-download-options.tsx b/client/blocks/get-apps/desktop-download-options.tsx index e06aab2a96844..2b0e2f52d5719 100644 --- a/client/blocks/get-apps/desktop-download-options.tsx +++ b/client/blocks/get-apps/desktop-download-options.tsx @@ -39,15 +39,7 @@ export const DesktopDownloadOptions: React.FC< Props > = ( { const translate = useTranslate(); if ( isMobile ) { - return ( -