add ssh info bubble

Azure · Oct 11, 2023 · edcbce7 · edcbce7
1 parent bdd6db7
commit edcbce7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/client-react/src/pages/app/app-settings/GeneralSettings/Platform.tsx b/client-react/src/pages/app/app-settings/GeneralSettings/Platform.tsx
@@ -1,5 +1,5 @@
 import { Field, FormikProps } from 'formik';
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback, useContext, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import Dropdown from '../../../../components/form-controls/DropDown';
 import RadioButton from '../../../../components/form-controls/RadioButton';
@@ -30,6 +30,7 @@ const Platform: React.FC<FormikProps<AppSettingsFormValues>> = props => {
   const platformOptionEnable = scenarioChecker.checkScenario(ScenarioIds.enablePlatform64, { site });
   const websocketsEnable = scenarioChecker.checkScenario(ScenarioIds.webSocketsEnabled, { site });
   const alwaysOnEnable = scenarioChecker.checkScenario(ScenarioIds.enableAlwaysOn, { site });
+  const sshControlEnabled = useMemo(() => !stackVersionDetails.data?.supportedFeatures?.disableSSH, [stackVersionDetails]);
 
   const showHttpsOnlyInfo = (): boolean => {
     const siteProperties = values.site.properties;
@@ -268,7 +269,8 @@ const Platform: React.FC<FormikProps<AppSettingsFormValues>> = props => {
           component={RadioButton}
           label={t('feature_sshName')}
           id="app-settings-ssh-enabled"
-          disabled={disableAllControls || !stackVersionDetails.data?.supportedFeatures?.disableSSH}
+          disabled={disableAllControls || !sshControlEnabled}
+          infoBubbleMessage={sshControlEnabled ? '' : t('sshDisabledInfoBubbleMessage')}
           options={[
             {
               key: true,

diff --git a/server/Resources/Resources.resx b/server/Resources/Resources.resx
@@ -7870,4 +7870,7 @@ Set to "External URL" to use an API definition that is hosted elsewhere.</value>
     <data name="authenticationSettingsIdentityPermissionsLinkAriaLabel" xml:space="preserve">
         <value>Click here to learn more about how to manage federated identity credentials on a user-assigned identity.</value>
     </data>
+     <data name="sshDisabledInfoBubbleMessage" xml:space="preserve">
+        <value>SSH isn't supported for your selected stack version.</value>
+    </data>
 </root>