Added new help text for lay-users to figure out what their user-agent value is.

2 files changed, 8 insertions, 4 deletions

diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index a8501670b..513c75eed 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -21,6 +21,7 @@ import PremiumFeatureContainer from '../../ui/PremiumFeatureContainer';
 import LimitReachedInfobox from '../../../features/serviceLimit/components/LimitReachedInfobox';
 import { serviceLimitStore } from '../../../features/serviceLimit';
 import { isMac } from '../../../environment';
+import globalMessages from '../../../i18n/globalMessages';
 
 const messages = defineMessages({
   saveService: {
@@ -351,7 +352,7 @@ export default @observer class EditServiceForm extends Component {
                   <h3>{intl.formatMessage(messages.headlineNotifications)}</h3>
                   <Toggle field={form.$('isNotificationEnabled')} />
                   <Toggle field={form.$('isMuted')} />
-                  <p className="settings__help">
+                  <p className="settings__help indented__help">
                     {intl.formatMessage(messages.isMutedInfo)}
                   </p>
                 </div>
@@ -362,7 +363,7 @@ export default @observer class EditServiceForm extends Component {
                   {recipe.hasIndirectMessages && form.$('isBadgeEnabled').value && (
                     <>
                       <Toggle field={form.$('isIndirectMessageBadgeEnabled')} />
-                      <p className="settings__help">
+                      <p className="settings__help indented__help">
                         {intl.formatMessage(messages.indirectMessageInfo)}
                       </p>
                     </>
@@ -375,7 +376,7 @@ export default @observer class EditServiceForm extends Component {
                   {isHibernationFeatureActive && (
                     <>
                       <Toggle field={form.$('isHibernationEnabled')} />
-                      <p className="settings__help">
+                      <p className="settings__help indented__help">
                         {intl.formatMessage(messages.isHibernationEnabledInfo)}
                       </p>
                     </>
@@ -456,6 +457,7 @@ export default @observer class EditServiceForm extends Component {
 
             <div className="user-agent">
               <Input field={form.$('userAgentPref')} />
+              <p className="settings__help">{intl.formatMessage(globalMessages.userAgentHelp)}</p>
             </div>
           </form>
 
diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index 98a119bfa..52b26d65b 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -18,6 +18,7 @@ import {
   GITHUB_FRANZ_URL,
 } from '../../../config';
 import { DEFAULT_APP_SETTINGS, isMac, isWindows } from '../../../environment';
+import globalMessages from '../../../i18n/globalMessages';
 
 const messages = defineMessages({
   headline: {
@@ -595,7 +596,7 @@ export default @observer class EditSettingsForm extends Component {
             { this.state.activeSetttingsTab === 'advanced' && (
               <div>
                 <Toggle field={form.$('enableGPUAcceleration')} />
-                <p className="settings__help">{intl.formatMessage(messages.appRestartRequired)}</p>
+                <p className="settings__help indented__help">{intl.formatMessage(messages.appRestartRequired)}</p>
 
                 <Hr />
 
@@ -604,6 +605,7 @@ export default @observer class EditSettingsForm extends Component {
                   onChange={e => this.submit(e)}
                   field={form.$('userAgentPref')}
                 />
+                <p className="settings__help">{intl.formatMessage(globalMessages.userAgentHelp)}</p>
                 <p className="settings__help">{intl.formatMessage(messages.appRestartRequired)}</p>
 
                 <Hr />