Use HelpTexts for sync levels in applications

1 year ago · 146e7ca7b6
parent 1488fb7570
commit 146e7ca7b6
2 changed files with 8 additions and 4 deletions
--- a/frontend/src/Settings/Applications/Applications/EditApplicationModalContent.js
+++ b/frontend/src/Settings/Applications/Applications/EditApplicationModalContent.js
@ -102,7 +102,10 @@ function EditApplicationModalContent(props) {
                  type={inputTypes.SELECT}
                  values={syncLevelOptions}
                  name="syncLevel"
-                  helpText={`${translate('SyncLevelAddRemove')}<br>${translate('SyncLevelFull')}`}
+                  helpTexts={[
+                    translate('SyncLevelAddRemove'),
+                    translate('SyncLevelFull')
+                  ]}
                  {...syncLevel}
                  onChange={onInputChange}
                />
--- a/frontend/src/Settings/Applications/Applications/Manage/Edit/ManageApplicationsEditModalContent.tsx
+++ b/frontend/src/Settings/Applications/Applications/Manage/Edit/ManageApplicationsEditModalContent.tsx
@ -82,9 +82,10 @@ function ManageApplicationsEditModalContent(
            name="syncLevel"
            value={syncLevel}
            values={syncLevelOptions}
-            helpText={`${translate('SyncLevelAddRemove')}<br>${translate(
-              'SyncLevelFull'
-            )}`}
+            helpTexts={[
+              translate('SyncLevelAddRemove'),
+              translate('SyncLevelFull'),
+            ]}
            onChange={onInputChange}
          />
        </FormGroup>