Add detailed help text for sync levels (#155)

Adjust donation buttons to fit on mobile
Other translation updates
This commit is contained in:
nitsua
2021-06-11 15:42:32 -04:00
committed by GitHub
parent 6612202384
commit 75cbabf716
4 changed files with 15 additions and 8 deletions

View File

@@ -18,9 +18,9 @@ import translate from 'Utilities/String/translate';
import styles from './EditApplicationModalContent.css';
const syncLevelOptions = [
{ key: 'disabled', value: 'Disabled' },
{ key: 'addOnly', value: 'Add and Remove Only' },
{ key: 'fullSync', value: 'Full Sync' }
{ key: 'disabled', value: translate('Disabled') },
{ key: 'addOnly', value: translate('AddRemoveOnly') },
{ key: 'fullSync', value: translate('FullSync') }
];
function EditApplicationModalContent(props) {
@@ -53,7 +53,7 @@ function EditApplicationModalContent(props) {
return (
<ModalContent onModalClose={onModalClose}>
<ModalHeader>
{`${id ? 'Edit' : 'Add'} Application`}
{`${id ? translate('Edit') : translate('Add')} ${translate('Application')}`}
</ModalHeader>
<ModalBody>
@@ -94,13 +94,13 @@ function EditApplicationModalContent(props) {
</FormGroup>
<FormGroup>
<FormLabel>{'Sync Level'}</FormLabel>
<FormLabel>{translate('SyncLevel')}</FormLabel>
<FormInputGroup
type={inputTypes.SELECT}
values={syncLevelOptions}
name="syncLevel"
helpText={'Sync Level'}
helpText={`${translate('SyncLevelAddRemove')}<br>${translate('SyncLevelFull')}`}
{...syncLevel}
onChange={onInputChange}
/>