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 changeavatarview

This commit is contained in:
Reinaldo Neto 2023-01-10 17:20:33 -03:00
parent 759504e46f
commit dee200ba3f
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,6 +26,8 @@ import { Services } from '../../lib/services';
import AvatarSuggestion from './AvatarSuggestion'; import AvatarSuggestion from './AvatarSuggestion';
import log from '../../lib/methods/helpers/log'; import log from '../../lib/methods/helpers/log';
const RESET_ROOM_AVATAR = 'resetRoomAvatar';
const ChangeAvatarView = () => { const ChangeAvatarView = () => {
const [avatar, setAvatarState] = useState<IAvatar | null>(null); const [avatar, setAvatarState] = useState<IAvatar | null>(null);
@ -35,11 +37,10 @@ const ChangeAvatarView = () => {
const { userId, username, serverVersion } = useAppSelector(state => ({ const { userId, username, serverVersion } = useAppSelector(state => ({
userId: getUserSelector(state).id, userId: getUserSelector(state).id,
username: getUserSelector(state).username, username: getUserSelector(state).username,
isMasterDetail: state.app.isMasterDetail,
serverVersion: state.server.version serverVersion: state.server.version
})); }));
const avatarUrl = useRef<string | undefined>(''); const avatarUrl = useRef<string>('');
const navigation = useNavigation<StackNavigationProp<ChatsStackParamList, 'ChangeAvatarView'>>(); const navigation = useNavigation<StackNavigationProp<ChatsStackParamList, 'ChangeAvatarView'>>();
const { context, titleHeader, room, t } = useRoute<RouteProp<ChatsStackParamList, 'ChangeAvatarView'>>().params; const { context, titleHeader, room, t } = useRoute<RouteProp<ChatsStackParamList, 'ChangeAvatarView'>>().params;
@ -70,13 +71,13 @@ const ChangeAvatarView = () => {
}, [navigation]); }, [navigation]);
const setAvatar = (value: IAvatar | null) => { const setAvatar = (value: IAvatar | null) => {
avatarUrl.current = value?.url; avatarUrl.current = value?.url || '';
setAvatarState(value); setAvatarState(value);
}; };
const submit = async () => { const submit = async () => {
let result; let result;
if ((context === 'room') && room?.rid) { if (context === 'room' && room?.rid) {
// Change Rooms Avatar // Change Rooms Avatar
result = await changeRoomsAvatar(room.rid); result = await changeRoomsAvatar(room.rid);
} else if (avatar?.url) { } else if (avatar?.url) {
@ -144,7 +145,7 @@ const ChangeAvatarView = () => {
const resetRoomAvatar = () => { const resetRoomAvatar = () => {
setAvatar({ data: null }); setAvatar({ data: null });
avatarUrl.current = 'resetRoomAvatar'; avatarUrl.current = RESET_ROOM_AVATAR;
}; };
const pickImage = async () => { const pickImage = async () => {
@ -165,7 +166,7 @@ const ChangeAvatarView = () => {
} }
}; };
const ridProps = avatarUrl.current !== 'resetRoomAvatar' ? { rid: room?.rid } : {}; const ridProps = avatarUrl.current !== RESET_ROOM_AVATAR ? { rid: room?.rid } : {};
return ( return (
<KeyboardView <KeyboardView
@ -190,9 +191,9 @@ const ChangeAvatarView = () => {
{...ridProps} {...ridProps}
/> />
</View> </View>
{context=== 'profile' ? <AvatarUrl submit={value => setAvatar({ url: value, data: value, service: 'url' })} /> : null} {context === 'profile' ? <AvatarUrl submit={value => setAvatar({ url: value, data: value, service: 'url' })} /> : null}
<List.Separator style={styles.separator} /> <List.Separator style={styles.separator} />
{context=== 'profile' ? <AvatarSuggestion resetAvatar={resetAvatar} username={username} onPress={setAvatar} /> : null} {context === 'profile' ? <AvatarSuggestion resetAvatar={resetAvatar} username={username} onPress={setAvatar} /> : null}
<Button <Button
title={I18n.t('Upload_image')} title={I18n.t('Upload_image')}