diff --git a/src/components/formInput/view/formInputStyles.js b/src/components/formInput/view/formInputStyles.js index c595c6686..a82adbd9f 100644 --- a/src/components/formInput/view/formInputStyles.js +++ b/src/components/formInput/view/formInputStyles.js @@ -20,7 +20,6 @@ export default EStyleSheet.create({ textInput: { flex: 0.7, flexDirection: 'row', - justifyContent: 'center', }, icon: { flex: 0.15, diff --git a/src/components/formInput/view/formInputView.js b/src/components/formInput/view/formInputView.js index 9a2bb2b02..12fe06fa8 100644 --- a/src/components/formInput/view/formInputView.js +++ b/src/components/formInput/view/formInputView.js @@ -70,6 +70,7 @@ class FormInputView extends Component { iconType, wrapperStyle, height, + inputStyle, } = this.props; return ( this._handleOnFocus()} autoCapitalize="none" secureTextEntry={secureTextEntry} diff --git a/src/components/profileEditForm/profileEditFormStyles.js b/src/components/profileEditForm/profileEditFormStyles.js index 7a3c0b210..996a5ec52 100644 --- a/src/components/profileEditForm/profileEditFormStyles.js +++ b/src/components/profileEditForm/profileEditFormStyles.js @@ -43,4 +43,27 @@ export default EStyleSheet.create({ bottom: 0, right: 10, }, + + saveButton: { + backgroundColor: '$primaryBlue', + width: 55, + height: 55, + borderRadius: 55 / 2, + position: 'absolute', + top: -25, + right: 10, + zIndex: 999, + borderWidth: 2, + borderColor: '$white', + }, + saveIcon: { + color: '$white', + textAlign: 'center', + }, + + input: { + fontSize: 14, + color: '$primaryDarkText', + alignSelf: 'flex-start', + }, }); diff --git a/src/components/profileEditForm/profileEditFormView.js b/src/components/profileEditForm/profileEditFormView.js index 0b6f35d77..0531092ee 100644 --- a/src/components/profileEditForm/profileEditFormView.js +++ b/src/components/profileEditForm/profileEditFormView.js @@ -23,6 +23,14 @@ const ProfileEditFormView = ({ isDarkTheme, }) => ( + alert('upload')} + size={30} + /> alert('changed')} + onChange={value => console.log('changed')} placeholder="profile picture url" isEditable type="text" value={avatarUrl} + inputStyle={styles.input} /> @@ -47,11 +56,12 @@ const ProfileEditFormView = ({ wrapperStyle={styles.formStyle} isValid height={30} - onChange={value => alert('changed')} + onChange={value => console.log('changed')} placeholder="Cover image URL" isEditable type="text" value={coverUrl} + inputStyle={styles.input} /> @@ -78,11 +88,12 @@ const ProfileEditFormView = ({ wrapperStyle={styles.formStyle} isValid height={30} - onChange={value => alert('changed')} + onChange={value => console.log('changed')} placeholder="Display name" isEditable type="text" value={name} + inputStyle={styles.input} /> @@ -92,11 +103,12 @@ const ProfileEditFormView = ({ wrapperStyle={styles.formStyle} isValid height={30} - onChange={value => alert('changed')} + onChange={value => console.log('changed')} placeholder="About" isEditable type="text" value={about} + inputStyle={styles.input} /> @@ -106,11 +118,12 @@ const ProfileEditFormView = ({ wrapperStyle={styles.formStyle} isValid height={30} - onChange={value => alert('changed')} + onChange={value => console.log('changed')} placeholder="Location" isEditable type="text" value={location} + inputStyle={styles.input} /> @@ -120,11 +133,12 @@ const ProfileEditFormView = ({ wrapperStyle={styles.formStyle} isValid height={30} - onChange={value => alert('changed')} + onChange={value => console.log('changed')} placeholder="Website" isEditable type="text" value={website} + inputStyle={styles.input} />