verdnatura-mirror
/
verdnatura-chat
forked from verdnatura-mirror/Rocket.Chat.ReactNative
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

minor tweak with themes and buttons

This commit is contained in:
Reinaldo Neto 2022-12-15 09:51:26 -03:00
parent 84d0401e3c
commit a2dfbcbe30
4 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/containers/Avatar/index.tsx
View File

@ -124,7 +124,7 @@ const AvatarContainer = ({
<Button <Button
title={I18n.t('Edit')} title={I18n.t('Edit')}
type='secondary' type='secondary'
backgroundColor={colors.passcodeButtonActive} backgroundColor={colors.editAndUploadButtonAvatar}
onPress={handleEdit} onPress={handleEdit}
testID='avatar-edit-button' testID='avatar-edit-button'
style={styles.editAvatarButton} style={styles.editAvatarButton}

3
app/lib/constants/colors.ts
View File

@ -58,6 +58,7 @@ export const colors = {
buttonText: '#ffffff', buttonText: '#ffffff',
passcodeBackground: '#EEEFF1', passcodeBackground: '#EEEFF1',
passcodeButtonActive: '#E4E7EA', passcodeButtonActive: '#E4E7EA',
editAndUploadButtonAvatar: '#E4E7EA',
passcodeLockIcon: '#6C727A', passcodeLockIcon: '#6C727A',
passcodePrimary: '#2F343D', passcodePrimary: '#2F343D',
passcodeSecondary: '#6C727A', passcodeSecondary: '#6C727A',
@ -127,6 +128,7 @@ export const colors = {
buttonText: '#ffffff', buttonText: '#ffffff',
passcodeBackground: '#030C1B', passcodeBackground: '#030C1B',
passcodeButtonActive: '#0B182C', passcodeButtonActive: '#0B182C',
editAndUploadButtonAvatar: '#0B182C',
passcodeLockIcon: '#6C727A', passcodeLockIcon: '#6C727A',
passcodePrimary: '#FFFFFF', passcodePrimary: '#FFFFFF',
passcodeSecondary: '#CBCED1', passcodeSecondary: '#CBCED1',
@ -196,6 +198,7 @@ export const colors = {
buttonText: '#ffffff', buttonText: '#ffffff',
passcodeBackground: '#000000', passcodeBackground: '#000000',
passcodeButtonActive: '#0E0D0D', passcodeButtonActive: '#0E0D0D',
editAndUploadButtonAvatar: '#0E0D0D',
passcodeLockIcon: '#6C727A', passcodeLockIcon: '#6C727A',
passcodePrimary: '#FFFFFF', passcodePrimary: '#FFFFFF',
passcodeSecondary: '#CBCED1', passcodeSecondary: '#CBCED1',

4
app/views/ChangeAvatarView/AvatarSuggestion.tsx
View File

@ -43,6 +43,8 @@ const AvatarSuggestion = ({
}) => { }) => {
const [avatarSuggestions, setAvatarSuggestions] = useState<IAvatar[]>([]); const [avatarSuggestions, setAvatarSuggestions] = useState<IAvatar[]>([]);
const { colors } = useTheme();
const getAvatarSuggestion = async () => { const getAvatarSuggestion = async () => {
const result = await Services.getAvatarSuggestion(); const result = await Services.getAvatarSuggestion();
const suggestions = Object.keys(result).map(service => { const suggestions = Object.keys(result).map(service => {
@ -63,7 +65,7 @@ const AvatarSuggestion = ({
return ( return (
<View style={{ flex: 1 }}> <View style={{ flex: 1 }}>
<Text style={styles.itemLabel}>{I18n.t('Images_uploaded')}</Text> <Text style={[styles.itemLabel, { color: colors.titleText }]}>{I18n.t('Images_uploaded')}</Text>
<View style={styles.containerAvatarSuggestion}> <View style={styles.containerAvatarSuggestion}>
{user?.username && resetAvatar ? ( {user?.username && resetAvatar ? (
<Item text={`@${user.username}`} testID={`reset-avatar-suggestion`} onPress={resetAvatar} /> <Item text={`@${user.username}`} testID={`reset-avatar-suggestion`} onPress={resetAvatar} />

2
app/views/ChangeAvatarView/index.tsx
View File

@ -165,7 +165,7 @@ const ChangeAvatarView = () => {
title={I18n.t('Upload_image')} title={I18n.t('Upload_image')}
type='secondary' type='secondary'
disabled={saving} disabled={saving}
backgroundColor={colors.chatComponentBackground} backgroundColor={colors.editAndUploadButtonAvatar}
onPress={pickImage} onPress={pickImage}
testID='change-avatar-view-logout-other-locations' testID='change-avatar-view-logout-other-locations'
/> />