diff options
Diffstat (limited to 'webapp/components')
-rw-r--r-- | webapp/components/setting_item_min.jsx | 33 | ||||
-rw-r--r-- | webapp/components/user_settings/user_settings_general/user_settings_general.jsx | 31 |
2 files changed, 57 insertions, 7 deletions
diff --git a/webapp/components/setting_item_min.jsx b/webapp/components/setting_item_min.jsx index f230f0198..b7752056d 100644 --- a/webapp/components/setting_item_min.jsx +++ b/webapp/components/setting_item_min.jsx @@ -10,7 +10,22 @@ import React from 'react'; export default function SettingItemMin(props) { let editButton = null; - if (!props.disableOpen) { + let describeSection = null; + if (!props.disableOpen && Utils.isMobile()) { + editButton = ( + <li className='col-xs-12 col-sm-3 section-edit'> + <a + id={Utils.createSafeId(props.title) + 'Edit'} + className='theme' + href='#' + onClick={props.updateSection} + > + <i className='fa fa-pencil'/> + {props.describe} + </a> + </li> + ); + } else if (!props.disableOpen) { editButton = ( <li className='col-xs-12 col-sm-3 section-edit'> <a @@ -27,6 +42,15 @@ export default function SettingItemMin(props) { </a> </li> ); + + describeSection = ( + <li + id={Utils.createSafeId(props.title) + 'Desc'} + className='col-xs-12 section-describe' + > + {props.describe} + </li> + ); } return ( @@ -36,12 +60,7 @@ export default function SettingItemMin(props) { > <li className='col-xs-12 col-sm-9 section-title'>{props.title}</li> {editButton} - <li - id={Utils.createSafeId(props.title) + 'Desc'} - className='col-xs-12 section-describe' - > - {props.describe} - </li> + {describeSection} </ul> ); } diff --git a/webapp/components/user_settings/user_settings_general/user_settings_general.jsx b/webapp/components/user_settings/user_settings_general/user_settings_general.jsx index e265754d9..8aeafd60a 100644 --- a/webapp/components/user_settings/user_settings_general/user_settings_general.jsx +++ b/webapp/components/user_settings/user_settings_general/user_settings_general.jsx @@ -50,6 +50,10 @@ const holders = defineMessages({ id: 'user.settings.general.uploadImage', defaultMessage: "Click 'Edit' to upload an image." }, + uploadImageMobile: { + id: 'user.settings.general.mobile.uploadImage', + defaultMessage: 'Click to upload an image.' + }, fullName: { id: 'user.settings.general.fullName', defaultMessage: 'Full Name' @@ -822,6 +826,14 @@ class UserSettingsGeneralTab extends React.Component { defaultMessage="Click 'Edit' to add your full name" /> ); + if (Utils.isMobile()) { + describe = ( + <FormattedMessage + id='user.settings.general.mobile.emptyName' + defaultMessage='Click to add your full name' + /> + ); + } } nameSection = ( @@ -916,6 +928,14 @@ class UserSettingsGeneralTab extends React.Component { defaultMessage="Click 'Edit' to add a nickname" /> ); + if (Utils.isMobile()) { + describe = ( + <FormattedMessage + id='user.settings.general.mobile.emptyNickname' + defaultMessage='Click to add a nickname' + /> + ); + } } nicknameSection = ( @@ -1092,6 +1112,14 @@ class UserSettingsGeneralTab extends React.Component { defaultMessage="Click 'Edit' to add your job title / position" /> ); + if (Utils.isMobile()) { + describe = ( + <FormattedMessage + id='user.settings.general.mobile.emptyPosition' + defaultMessage='Click to add your job title / position' + /> + ); + } } positionSection = ( @@ -1128,6 +1156,9 @@ class UserSettingsGeneralTab extends React.Component { ); } else { let minMessage = formatMessage(holders.uploadImage); + if (Utils.isMobile()) { + minMessage = formatMessage(holders.uploadImageMobile); + } if (user.last_picture_update) { minMessage = ( <FormattedMessage |