diff --git a/src/components/prompt/prompt.jsx b/src/components/prompt/prompt.jsx
index d41266eac9e..c0a46271d6c 100644
--- a/src/components/prompt/prompt.jsx
+++ b/src/components/prompt/prompt.jsx
@@ -8,6 +8,7 @@ import Modal from '../../containers/modal.jsx';
import styles from './prompt.css';
import {SCRATCH_MAX_CLOUD_VARIABLES} from '../../lib/tw-cloud-limits.js';
+import isScratchDesktop from '../../lib/isScratchDesktop.js';
const messages = defineMessages({
@@ -40,6 +41,17 @@ const messages = defineMessages({
}
});
+const Packager = () => (
+
+ {/* Should not be translated */}
+ {'TurboWarp Packager'}
+
+);
+
const PromptComponent = props => (
(
{props.cloudSelected && props.canAddCloudVariable && (
-
- {/* Should not be translated */}
- {'TurboWarp Packager'}
-
- )
- }}
- id="tw.cantUseCloud"
- />
+ {isScratchDesktop() ? (
+
+ }}
+ id="tw.desktopCloud"
+ />
+ ) : (
+
+ }}
+ id="tw.cantUseCloud"
+ />
+ )}
)}
diff --git a/src/containers/tw-cloud-toggler.jsx b/src/containers/tw-cloud-toggler.jsx
index 5e761374fbf..14728c7ee3d 100644
--- a/src/containers/tw-cloud-toggler.jsx
+++ b/src/containers/tw-cloud-toggler.jsx
@@ -4,7 +4,6 @@ import React from 'react';
import {defineMessages, injectIntl, intlShape} from 'react-intl';
import {connect} from 'react-redux';
import {setCloud} from '../reducers/tw';
-import isScratchDesktop from '../lib/isScratchDesktop';
const messages = defineMessages({
cloudUnavailableAlert: {
@@ -12,11 +11,6 @@ const messages = defineMessages({
// eslint-disable-next-line max-len
description: 'Message displayed when clicking on the option to toggle cloud variables when cloud variables are not available',
id: 'tw.menuBar.cloudUnavailableAlert'
- },
- cloudUnavailableDesktop: {
- defaultMessage: 'Cannot use cloud variables in desktop app.',
- description: 'Message displayed when clicking on the option to toggle cloud variables in desktop app',
- id: 'tw.menuBar.cloudUnavailableDesktop'
}
});
@@ -29,9 +23,7 @@ class CloudVariablesToggler extends React.Component {
}
toggleCloudVariables () {
if (!this.props.canUseCloudVariables) {
- const message = this.props.intl.formatMessage(
- isScratchDesktop() ? messages.cloudUnavailableDesktop : messages.cloudUnavailableAlert
- );
+ const message = this.props.intl.formatMessage(messages.cloudUnavailableAlert);
// eslint-disable-next-line no-alert
alert(message);
return;